css相关笔记（二）
1.复合选择器
两个或者两个以上的选择器通过不同的方式连在一起 就叫复合选择器
2.块儿级标签中如果没有内容那么必须要设置高度，否则就看不见了，宽度会自动与父块儿元素默认一致。
3.行内块儿元素 是可以直接设置宽高的 而行内元素不可以直接设置宽高。
4.浏览器默认一个字体的大小是16px
5.父容器的文字的所有属性_子容器都可以继承，但是 h1-h6标签无法继承文字的大小，因为浏览器的渲染内核 会根据父容器的文字大小再进行 重置h1-h6的大小， a标签也不能继承文字颜色 因为 浏览器的渲染内核 会再给a标签进行 重置 颜色
6.css样式的优先级
1）行内样式>嵌入样式>链入样式
2）id选择器>class选择器>标签选择器
3）如果想提升优先级，可以在样式后面加上【!important】关键字，因为它可以将该样式优先级提升到最高。
7.样式表优先级的特点
◆如果子容器中有该样式则不会继承父容器的样式,所以继承的权重为0。
◆子容器如果有复合选择器来定义样式，那么权重会叠加，也就是优先级更加的高了。
◆行内样式的优先级比所有选择器的优先级权重更高
◆!important 优先级最高 比行内样式更高
8.伪类选择器
◆ 当 a 标签有 href属性时 a:link{属性:值} 和a{属性:值} 是一样的效果，如果没有href属性时 二者不同，因为 a:link 表示的是当a标签显示为超链接时，如果a标签没有href属性就只是简单的文本而已 。
9.sublime语法
p*3 表示快速显示三个p标签对
p>a*2 表示 快速显示一个p标签对，然后内部再嵌入两个a标签对
p>a+span 表示 快速显示一个p标签对，然后内部再嵌入一个a标签对一个span标签对
p.cont 表示 快速显示一个p标签对，然后设置引用的类 <p class="cont"></p>
p#main 表示 快速显示一个p标签对，然后设置id <p id="main"></p>
p[name=cont id=main class=cont] 表示快速显示一个p标签对 并且设置 name id class 如：<p name="cont" id="main" class="cont"></p>
p>(div>span)+(div>a) 表示快速显示一个p标签对，然后内部嵌入两个div标签对，之后第一个div标签对中嵌入一个span，而第二个div标签对中嵌入一个a
a{#}*2 表示快速显示两个a标签对，但是标签对中有内容 <a href="">#</a>
a[#]*2 表示快速显示两个a标签对，但是标签对的第一个属性中有值 <a href="#"></a>
10.伪类也是类选择器 优先级和类选择器是一样的
11.background的定位属性，当background的attachment属性设置为fixed（固定定位）时，
background-position定位将从浏览器的（0，0）点坐标出发 反之则从当前设置背景的元素的(0,0)点坐标出发
background-attachment:fixed|scroll
12.background的连写
background:color image repeat attachment postion;
background:#eee url('1.png') no-repeat scroll 20px 50px;
13 text-indent 行缩进 很实用
两个或者两个以上的选择器通过不同的方式连在一起 就叫复合选择器
2.块儿级标签中如果没有内容那么必须要设置高度，否则就看不见了，宽度会自动与父块儿元素默认一致。
3.行内块儿元素 是可以直接设置宽高的 而行内元素不可以直接设置宽高。
4.浏览器默认一个字体的大小是16px
5.父容器的文字的所有属性_子容器都可以继承，但是 h1-h6标签无法继承文字的大小，因为浏览器的渲染内核 会根据父容器的文字大小再进行 重置h1-h6的大小， a标签也不能继承文字颜色 因为 浏览器的渲染内核 会再给a标签进行 重置 颜色
6.css样式的优先级
1）行内样式>嵌入样式>链入样式
2）id选择器>class选择器>标签选择器
3）如果想提升优先级，可以在样式后面加上【!important】关键字，因为它可以将该样式优先级提升到最高。
7.样式表优先级的特点
◆如果子容器中有该样式则不会继承父容器的样式,所以继承的权重为0。
◆子容器如果有复合选择器来定义样式，那么权重会叠加，也就是优先级更加的高了。
◆行内样式的优先级比所有选择器的优先级权重更高
◆!important 优先级最高 比行内样式更高
8.伪类选择器
◆ 当 a 标签有 href属性时 a:link{属性:值} 和a{属性:值} 是一样的效果，如果没有href属性时 二者不同，因为 a:link 表示的是当a标签显示为超链接时，如果a标签没有href属性就只是简单的文本而已 。
9.sublime语法
p*3 表示快速显示三个p标签对
p>a*2 表示 快速显示一个p标签对，然后内部再嵌入两个a标签对
p>a+span 表示 快速显示一个p标签对，然后内部再嵌入一个a标签对一个span标签对
p.cont 表示 快速显示一个p标签对，然后设置引用的类 <p class="cont"></p>
p#main 表示 快速显示一个p标签对，然后设置id <p id="main"></p>
p[name=cont id=main class=cont] 表示快速显示一个p标签对 并且设置 name id class 如：<p name="cont" id="main" class="cont"></p>
p>(div>span)+(div>a) 表示快速显示一个p标签对，然后内部嵌入两个div标签对，之后第一个div标签对中嵌入一个span，而第二个div标签对中嵌入一个a
a{#}*2 表示快速显示两个a标签对，但是标签对中有内容 <a href="">#</a>
a[#]*2 表示快速显示两个a标签对，但是标签对的第一个属性中有值 <a href="#"></a>
10.伪类也是类选择器 优先级和类选择器是一样的
11.background的定位属性，当background的attachment属性设置为fixed（固定定位）时，
background-position定位将从浏览器的（0，0）点坐标出发 反之则从当前设置背景的元素的(0,0)点坐标出发
background-attachment:fixed|scroll
12.background的连写
background:color image repeat attachment postion;
background:#eee url('1.png') no-repeat scroll 20px 50px;
13 text-indent 行缩进 很实用
