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