基础篇：CSS

CSS基本语法与使用

1. CSS（Cascading style Sheet）简称：样式表
2. 语法由三个部分构成：选择器（selector）、属性（properties）、和属性的取值（value）。
3. selector { property:value }如果需要对一个选择器指定多个属性，则要使用分号将所有的属性和值分开.
   例如： p{font-size:12px;color:black;} 注：段落{字体大小：12PX；颜色：黑色；}

1.类选择器：定义类选择器时，在类的名称前面加一个点号，点号前可加上相应的HTML标记。（“.”点对应class参数）

 例如：想要两个不同的段落，一个段落向右对齐，一个段落居中，可以先定义两个类：
 p.right{text-align:right;}      释：段落.向右{文本-水平对齐：靠右；}
 p.center{text-align:center;}    释：段落：居中{文本-水平对齐：居中；}

然后用在不同的段落里，只要在HTML标记里加入上面定义的class参数即可。
例如：

      <p class="center">XXX</p>```
             注：只要在HTML网页上加入此class参数即可激活上面元素
             此外，在定义类选择器时，可以省略HTML标记，这样可以把几个不同的元素定义成相同的样式。

   例如：
   .center{text-align:center} 释：居中{文本-水平对齐：居中}
   （定义相同样式时不加点号）即：类{属性：值；}
   

> 2.ID选择器：在HTML文档中，ID参数指定了某个单一元素，ID选择器就是用来对这个单一元素定义单独的样式。定义ID选择器要在ID名称前加上一个“#”号。和类选择器相同，定义ID选择器的属性有两种方法（“#”井号对应id参数）

一种方法是采用以下代码的样式来定义ID选择器，这段代码定义的ID属性将匹配所有id=“info”的元素。
    
  例如：
  #info{font-size:12px;color:#000080;font-weight:bold;} 
  释：#信息{字体大小：12px;颜色：#000080；字体：黑体}

另一种方法是采用以下代码的样式来定义ID选择器，这段代码定义的ID属性只匹配id="info"的段落元素。

  例如：
  p#info{font-size:12px;color:#000080;font-weight:bold;} 
  释：段落#信息{字体大小：12px;颜色：#000080；字体：黑体}

只要在HTML标记里加入上面定义的id参数即可
        
  例如:`<p id="info">XXX</p>`

> CSS程序中可以加入注释文字，注释文字加在“ /* ”和“ */ ”之间。

  例如：`/*定义表格样式*/`a{font-size:12px；}

> 3.并列选择器：并列选择器可以同时定义多个具有同样的属性的元素，这些元素之间用逗号分隔。

  例如：
  #info1,#info2{font-size:12px;}   释：#信息1，#信息2{字体大小：12px}