sublimetext2-emmet ; zencoding进阶…

本文详细介绍了如何利用Zencoding(Emmet)简化HTML和CSS代码的编写过程,包括doctype声明、注释、嵌套元素、CSS样式规则等的快速输入技巧,以及其在前端开发中的实际应用案例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

写个详细使用zen coding(emmet)
doctype声明
在开始输入“”或者“html:5"这个是输出html5声明

还有html:xt :输出xhtml过渡类型的doctype声明
html:xs :输出xhtml1.0严格类型的doctype声明
html:xxs :输出xhtml1.1的doctype声明

注释
c
cc:ie6



书写规则



嵌套元素
ul>li#id$*3



这里>是往里层嵌套,li#id是很简单,$是要id后面接递增数字,$$是两位数字,这里*3就是要3个li的意思,然后就是id1到id3
有里层嵌套就有同一层和上一层的嵌套
ul>li*3>a+span^p代表


这里+是代表同一层,^是上一层,^^是上两层,^^^是上三层
script[src="./js/javascript.js"]


这里加中括号就是写标签的属性,可以任意写,很方便
加大括号就是写内部文字了

不讨论省略写法,提一下
#myID就是div#myID
.myID就是div.myID

然后看css的写法
m = maring: ;
p = padding: ;
td = text-decoration:;
bg = background:;
bd = border: ;

m-a = maring:auto;
bg-n = background:none;

还可以直接加属性值
m10 = margin:10px;
m10-20 = margin: 10px20px;
然后我在写html时候可以直接写,也可以用ctrl+Alt+Enter来调出EnterAbbreviation:框来写,很方便。。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值