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