css3笔记

浏览器前缀

• trident内核（代表ie） -ms-

• gecko内核（代表firefox） -moz-

• presto内核（代表opera） -o-

• webkit内核（代表Chrome和safari） -webkit-

注：在使用的时候应该把所有浏览器全部兼容写好

推荐网站：浏览器前缀

属性选择器

• E[attr]

当E标签出现attr属性时被选中

• E[attr=value]

当E标签出现attr属性为value值时被选中

• E[attr^=value]

当E标签出现attr属性且以value开头时被选中

• E[attr$=value]

当E标签出现attr属性且以value结尾时被选中

• E[attr*=value]

当E标签出现attr属性且包含value时被选中

结构伪类选择器

• -type

E:nth-of-type

E:first-of-type

E:last-of-type

E:only-of-type

• -child

E:nth-child

E:first-child

E:last-child

E:only-child

• 其他

：root

：not

：empty

：target

状态伪类选择器

:focus

:checked

::selection

:first-letter

:first-line

:enabled

:disabled

:read-only

:read-write

:before

:after

其他

~ + >

推荐网站：CSS3选择器归类整理

css3文本属性

• 文字阴影 text-shadow

例如：

text-shadow: 0 0 4px white ,
			 0 -5px 4px #ff3,
			 2px -10px 6px #fd3,
			 -2px -15px 11px #f80,
			 2px -25px 18px #f20;

• 文字描边 text-stroke

• 文字溢出隐藏 text-overflow

• 嵌入字体 @font-face

font awesome字体图标库

icomoon自定义字体图标