zoukankan      html  css  js  c++  java
  • 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自定义字体图标

  • 相关阅读:
    软工实践
    福大软工 · 最终作业
    福大软工 · 第十二次作业
    Beta冲刺(7/7)
    Beta冲刺(5/7)
    Beta 冲刺(6/7)
    Beta冲刺 (4/7)
    Beta冲刺 (3/7)
    Beta冲刺 (2/7)
    Beta 冲刺(1/7)
  • 原文地址:https://www.cnblogs.com/pallcard-LK/p/7093907.html
Copyright © 2011-2022 走看看