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

2016-05-30  本文已影响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

上一篇下一篇

猜你喜欢

热点阅读