css part2

emmet语法：

emmet语法快速生成html标签：

div*10: 生成十个div标签对

ul>li: 生成一对ul和li的父子标签对

div+p:生成div和p的兄弟标签对

p.blue:生成<p class="blue"></p>

p.demo$*5:分别生成5个class为demo1、2、3、4、5的p标签对

p{dsds}:生成<p>dsds</p>

$:自增符号 

元素显示模式：

元素以什么方式进行显示

html元素一般分为块元素和行（内）元素

块元素独占一行

div不写width的话默认和自身的父亲标签一样宽

文字类的元素内不能使用块级元素   

最经典的行内元素是<span>

行内元素不可直接设置高和宽

特殊的 行内块元素:

一行多个，并且可以设置高和宽，如<img><input><td>

行元素转换为块元素：{display：block}

块元素转换为行元素：{display: inline}

转换为行内块元素:{display=inline-block}

背景

background-color:背景颜色

background-image:url

background-repeat:图片是否重复展示 repeat | no-repeat | repeat-x | repeat-y  分别沿x和y轴平铺

背景图片压在背景颜色上方

background-position:x y 不写默认垂直居中

background-attachment：scroll | fixed scroll:背景图像随对象内容滚动 fixed:背景图像固定

 background：color url repeat fixed center top          背景连写

background:rgba(n,n,n,a)   reg green blue alpha(透明度) 0<x<1 0为全透明 1为全不透明

css三大特性：

层叠性

样式冲突时执行就近原则，针对一个标签多个形式的情况

继承性

子标签会继承父标签的某些样式如text- font- line- 作用：简化代码，降低css样式的复杂性  

行高为n不写单位时将设置为当前元素的文字大小*n

body行高1.5 这样写的优势是里面的子元素可以根据自己文字大小自动调整行高

优先级

选择器权重（1>0）：

不论父标签的权重多高，子标签继承到的权重都为0

复合选择器产生权重叠加问题时，将选择器权重相加，但不进位