CSS自学笔记（2）:CSS语法

CSS的语法规则主要有两个分构成选择器和声明（声明问一条或者多条）。

selector {declaration1; declaration2; ... declarationN }

选择器（selctor）是指你要改变样式的html元素。选择器有很多种，常用的id选择器和类选择器。

声明（declaration）是一个属性和一个值组成（要注意书写）。

属性（property）都有一个值，属性和其值用":"分开。

selector {property: value}

上面CSS代码的基本结构：

注：

1. 声明之间用";"隔开，属性和值之间用":"分开。

2. 属性值的写法有很多种，书写时要注意单位等。
3. 如果属性值为若干个单词是，则要给属性值添加引号。

   p {font-family: "sans serif";}

4. 定义声明时应该一行定义一个声明，这样可增强代码的可读性。

   p {
     text-align: center;
     color: black;
     font-family: arial;
   }

5. 样式表可以包含多条规则，同样一条规则可以包含多个声明，多重声明和空格的合理使用，可以有效的增加代码的可读性和编译器的可编译性。
6. CSS对大小写不敏感，但是如果涉及到html文件，class和id名称的大小写是很敏感的
7. 我们可以对选择器进行分组，这样多个选择器就可以分享相同的声明

   h1,h2,h3,h4,h5,h6 {
     color: green;
     }

8. 声明的继承问题，CSS中子元素可以从父元素继承声明，同时也可以用自己的特殊声明，从而覆盖父元素的声明。

   body {
        font-family: Verdana, sans-serif;
        }

   若body的子元素a中未定义属性font-family的声明，那么a将会继承他的父元素body的font-family的声明。

   若body的子元素b中定义了属性font-family的声明，那么b的font-family属性覆盖它的父元素body的font-family的声明，从而达到摆脱父元素声明

CSS自学笔记（2）:CSS语法