《CSS那些事儿》第一章读书笔记

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>