CSS学习笔记02--CSS的语法

1.CSS的注释

结构：

/*注释内容*/

作用和HTML注释类似，只不过必须编写在style标签中，或CSS文件中。

2.CSS语法

结构：

选择器     声明块

选择器：通过选择器可以选中页面中的指定的元素，并且将声明块中的样式应用到选择器对应的元素上；

声明块：声明块紧跟在选择器的后边，使用一对｛｝括起来；

说明：

1）声明块中实际上就是一组一组的名值对结构；这一组一组的名值对称为声明；

2）在一个声明块中可以写多个声明，多个声明之间使用 ；隔开

3）声明的样式名和样式值之间使用 ：来连接；

3.块元素和内联元素

所谓块元素就是会独占一行的元素，无论它的内容有多少，它都会独占一行。

常见的块元素：p  h1  h2  h3 ···

div就是一个块元素，div标签没有任何语义，就是一个纯粹的块元素，并且不会为它里边的元素设置任何默认样式；

div元素主要用来对页面进行布局。

<div style="background-color:red;width:200px;">这是一个div</div>

所谓内联元素（行内元素），指的是只占自身大小的元素，不会占用一行。

常见的内联元素：a  img  iframe  span ···

span就是一个内联元素，span标签没有任何语义，专门用来选中文字，然后为文字来设置样式；

<span style="color:red">一段文字</span>

说明：

1）块元素主要用来页面中的布局，内联元素主要用来选中文本设置样式；

2）一般情况下只使用块元素去包含内联元素，而不会使用内联元素去包含一个块元素；

3）a元素可以包含任意元素，除了它本身；

4）p元素不可以包含任何其它块元素。