美文网首页
HTML/CSS快速代码编写ID、UL、缩写、供应商前缀

HTML/CSS快速代码编写ID、UL、缩写、供应商前缀

作者: 阿川阿川 | 来源:发表于2016-05-30 21:33 被阅读192次

    id文本和属性

    id的输入方式:p#foo
    连续输入类个ID:p.bar#foo

    嵌套

    >:子元素符号,嵌套到子元素
    +:同级标签符号
    例:div.item=<div class="item"></div>

    隐藏的标签名称

    li:用于ul和ol中
    tr:用于table、tbody、thead、tfoot中
    td:用于tr中
    option:用于select和optgronp中

    定义多个元素

    *:ul>li*3

    定义多个带属性的元素:

    ul>li.item$*3

    css缩写

    w100=widht:100px;
    h100=height:100px;
    m5e=margin:5em;

    单位别名列表:

    px:为默认
    p表示%
    e表示em
    r表示:rem
    x表示ex

    插件附加属性

    CSS代码
    @f:
    @f+
    @b
    @b+
    @t
    @t+

    模糊搭配

    bg=背景颜色
    fs=字体大小
    ... ...

    供应商

    输入trs
    -super-foo
    -w-super-foo
    -wm-super-foo
    前缀缩写:
    w表示:-webkit-
    m表示:-moz-
    s表示:-ms-
    o表示:-o-

    颜色

    使用#好前缀
    通过:c#2=color:#222;
    通过:!=!important

    相关文章

      网友评论

          本文标题:HTML/CSS快速代码编写ID、UL、缩写、供应商前缀

          本文链接:https://www.haomeiwen.com/subject/mwyzrttx.html