css语法结构：
selector{property:value；}属性值名称过长且带有空格，要用引号包含，如"sans serif"
css中的注释:
/*this is a comment*/
css中的简写：
颜色 十六进制形式#RRGGBB
RGB函数值形式RGB（x,x,x） x可为0～255数值，也可以是0～100%百分数（但是与255乘积必须是整数）
直接写颜色名，如 red yellow等
用户系统色盘值
当数值为0的时候，单位可省略；
border属性简写：width style color
font属性： 文字大小和行高之间用/分开 ，如12px/140%
ol和ul中的list-style属性：image position type(标记样式)
css选择符：
通配符选择符：
*{ margin:0; padding:0; }/*初始化页面*/
类选择符：
.main{ width:200px; height:300px; } <div class="main"></div>
包含选择符（后代选择符）：
p span{color:red;} <p>我们是<span>谁</span></p>
子选择符：
body>span{ font-size:18px; } <body> <span>我受影响</span> <p>我<span>不受影响</span></p> </body>
相邻选择符:
p+p{background-color: yellow;} <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> /*只影响2345*/
属性选择符:
E[attr]/*选择所有带有attr属性的E标签*/ E[attr="value"]/*选择所有attr属性值为value的E标签*/ E[attr~="value"]/*选择所有attr属性值为有value字段且用空格隔开的E标签*/ E[attr|="value"]/*选择所有attr属性值为以value值开始及使用连字符"-"分隔的E标签*/
ID选择符:
#main{border-color: red;} <div id="main"></div>