Css3 ，权重，属性选择器，伪类选择器，文本阴影，边框

css3

Css3 是Css2 的“进化”版本, 在Css2 基础上,增强或新增了许多特性,弥补了Css2 的众多不足之处,使得 Web 开发变得更为高效和便捷.

权重

Css 权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。

权重的等级
1、!important，加在样式属性值后，权重值为 10000
2、内联样式，如：style=””，权重值为 1000
3、ID 选择器，如：#content，权重值为 100
4、类，伪类和属性选择器，如： content、:hover 权重值为 10
5、标签选择器和伪元素选择器，如：div、p、:before 权重值为 1
6、通用选择器（*）、子选择器（>）、相邻选择器（+）、同胞选择器（~）、 权重值为 0

属性选择器

div[class] 所有div中带有class的
div[class=div1] 所有div中class=div1的
div[class*=d] 属性class的值中包含d的
div[id^=i] 属性id值以i开始的(以…开头)
div[id$=i] 属性id的值以i结束的(以…结束)

伪类选择器

1.first-child:选择第一个子元素
2.last-child:选择最后一个子元素
3.偶数:(1)nth-child(2n) (2)nth-child(even)
4.奇数:(1)nth-child(2n+/-1) (2)nth-child(odd)
5.nth-child(-1n+5):选中前五个
nth-last-child(-1n+2):选中后两个
6.first-line第一行
7.first-letter首字

文本阴影

1.text-shadow
text-shadow：10px（水平偏移量） 20px（垂直的偏移量） 10px（模糊程度） red（阴影的颜色）
2.多个阴影显示:

text-shadow：10px 20px 10px red,10px 20px 10px red；

3.内阴影：

text-shadow：inset 10px 20px 10px  red；

边框

1.边框圆角
border-radius
border-radius: 100px（左上） 100px（右上） 0px（左下） 0px（右下）;
border-radius: 100px（左上） 100px （右上，左下） 0px（右下）;
2.边框阴影
box-shadow

box-shadow：10px 20px 10px  red；

3.边框图片
border-inage-source:url("")
border-image-repeat:设置背景图的平铺方式,streth(拉伸)round(图片自动调整缩放比例)
border-image-slice裱框切割
border-image-outset边框向外边框背景图的扩展
border-image-width:边框背景图的厚度