1.css的选择符,继承性,优先级顺序, css3新增伪类
CSS 选择符:
1) id选择器(# myid)
2) 类选择器(.myclassname)
3) 标签选择器(div, h1, p)
4) 相邻选择器(h1 + p)
5) 子选择器(ul > li)
6) 后代选择器(li a)
7) 通配符选择器( * )
8) 属性选择器(a[rel = "external"])
9) 伪类选择器(a: hover, li:nth-child)
继承性:
可继承的(font-size,font-family,color,text-indent)
不可继承的(border,padding,margin,width,height)
优先级顺序:
(1)优先级就近原则,同权重情况下样式定义最近者为准
(2)载入样式以最后载入的定位为准
(3)!important>id>class>tag
(4)important比内联优先级高,但内联比id优先级高
css3新增伪类
(1)p:first-of-type 选择属于其父元素的首个p元素的每个p元素
(2)p:last-of-type 选择属于其父元素的最后p元素的每个p元素
(3)p:only-of-type 选择属于其父元素的唯一p元素的每个p元素
(4)p:only-child 选择其属于其父元素的唯一子元素的每个p元素
(5)p:nth-child(2) 选择属于其父元素的第二个子元素的每个p元素
(6):enabled :disabled 控制表单控件的禁用状态
(7):checked 单选框或复选框被选中
css3新特性
(1)css3实现圆角(border-radius),阴影(box-shadow)
(2)对文字加特效(text-shadow),线性渐变(gradient),旋转(transform)
(3)transform:rotate(9deg) scale(0.85,0.9) translate(0px,-20px) skew(-9deg,0); 旋转缩放定位倾斜
(4)增加了更多的css选择器,多背景rgba
(5)在css3中唯一引入的伪元素是::selection
(6)媒体查询,多栏布局
(7)border-image