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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CS...
    清风沐沐阅读 1,401评论 2 5
  • http://www.iteye.com/news/27580Emmet的前身是大名鼎鼎的Zen coding,如...
    冰J冰阅读 3,193评论 0 6
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,198评论 19 139
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,676评论 0 30
  • 〇、写在前面的话 这是在“做自己的CEO”活动当中出现的一个训练活动,通过填写这样一张表来记录执行计划时遇到突发状...
    乐活如曦阅读 564评论 1 2