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自定义字体图标

posted @ 2017-06-29 13:00  pallcard  阅读(91)  评论(0编辑  收藏  举报