埃米特指南
时间:2023-04-02 12:59:24
HTML
EmmetGrammarHTML输入以下三行中的任意一行即可达到同样的效果html:5html5!输出
给元素添加class、idp.reddiv#form-login添加属性input[value=10]a[href=javascript:void(0)]div[style=color:red]元素输出效果 向元素(innerText)添加内容section#slogan{Helloworld!}输出效果
Helloworld!元素嵌套,同级,换行p>spanp.parg1+p.parg2/*^为表达式的结束符*/p>span^p输出效果
表达式分组,同^效果(.foo>h1)+(.bar>h2)输出效果 定义多个元素ul>li*3输出效果
为类序号,使用$ul>li.item$3输出效果
CSSCSS属性和单位的缩略映射如下/*attribute*/m->marginw->widthh->heightov-h->overflow:hidden/*unit*/p->%e->emx->ex@font-face@f@f+输出效果@font-face{font-family:'FontName';src:url('文件名.eot');src:url('FileName.eot?#iefix')format('embedded-opentype'),url('FileName.woff')format('woff'),url('FileName.ttf')format('truetype'),url('FileName.svg#FontName')格式('svg');字体样式:正常;font-weight:normal;}供应商前缀trs-super-foo/*浏览器前缀*/w->-webkit-m->-moz-s->-ms-o->-o-输出output-webkit-super-foo:;-moz-super-foo:;-ms-super-foo:;-o-super-foo:;super-foo:;游变lg(left,#fff50%,#000)输出效果background-image:-webkit-linear-gradient(left,#fff50%,#000);background-image:-o-linear-gradient(left,#fff50%,#000);background-image:linear-gradient(toright,#fff50%,#000);电影电影电影lorem10电影电影手机The痛苦本身很重要,肥胖精英将随之而来。明智地,我们乐于追随这些烦恼的缓解。被排斥