emmet插件使用(Css)
来源:互联网 发布:淘宝网披肩女装 编辑:程序博客网 时间:2024/05/18 01:17
emmet插件使用(Css)
渐变
输入lg(left,#fff50%,#000),会生成如下代码
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0.5, #fff), to(#000));
background-image: -webkit-linear-gradient(left, #fff 50%, #000);
background-image: -moz-linear-gradient(left, #fff 50%, #000);
background-image: -o-linear-gradient(left, #fff 50%, #000);
background-image: linear-gradient(left, #fff 50%, #000);
附加属性
一些其他属性,比如background-image、border-radius、font、@font-face、text-shadow等额外的选项可以通过+号来生成,比如输入@f+,将生成:
@font-face {
font-family: ‘FontName’;
src: url(‘FileName.eot’);
src: url(‘FileName.eot?#iefix’) format(‘embedded-opentype’),
url(‘FileName.woff’) format(‘woff’),
url(‘FileName.ttf’) format(‘truetype’),
url(‘FileName.svg#FontName’) format(‘svg’);
font-style: normal;
font-weight: normal;
}
供应商前缀
如果输入w3c标准的Css属性,emmet会自动加上供应商前缀,比如输入trs,则会生成
-webkit-transform: ;
-moz-transform: ;
-ms-transform: ;
-o-transform: ;
transform: ;
你也可以在任意属性前加上”-”号,也可以为该属性加上前缀。比如输入-super-foo
-webkit-super-foo: ;
-moz-super-foo: ;
-ms-super-foo: ;
-o-super-foo: ;
super-foo: ;
如果不希望加上所有的前缀,可以使用缩写来指定,比如-wm-trf表示只jias-webkit和-moz前缀
-webkit-transform: ;
-moz-transform: ;
transform: ;
前缀缩写如下:
w表示-webkit
m表示-moz
s表示-ms
o表示-o
模糊匹配
如果有些缩写,你拿捏不准,emmet会根据你输入的内容匹配最近的语法,比如输入ov:h、ov-h、ovh和oh,生成的代码是相同的
overflow: hidden;
值
比如要定义元素的宽度,只需要输入w100,即可生成
width:100px;
除了px还可以生成其他单位
h10p+m5e
可生成
height:10%;
margin:5em;
p表示%
e表示em
x表示ex
0 0
- emmet插件使用(Css)
- Emmet 插件使用教程
- Emmet 插件使用教程
- Emmet插件使用教程
- [27]使用 Emmet 插件
- [Sublime]Emmet 插件使用教程
- sublime中emmet插件使用
- sublime插件Emmet的使用
- sublime text 3插件-Emmet Css Snippets
- notepad++ Emmet插件开发html、css。
- HTML/CSS 快速编写必备 - emmet插件
- emmet插件
- sublime中安装插件emmet , zen-coding,emmet css snippets 两种html/css编辑利器
- 使用Emmet插件,提高html开发效率
- sublime插件emmet安装和使用
- Sublime插件Emmet安装与使用
- sublime 使用技巧之Emmet插件
- 使用Emmet插件快速开发前端代码
- 不为测试而测试
- Redis Notes
- MultipartEntity 和 UrlEncodedFormEntity || application/x-www-form-urlencoded 和 multipart/form-data
- ]MySQL操作命令语句实例
- launcher点击,加载,拖动图标过程三
- emmet插件使用(Css)
- WebRTC VideoEngine综合应用示例(二)——集成OPENH264编解码器
- iOS开发系列--单个音乐文件的播放
- 基于内容的推荐算法(推荐系统)(一)
- Jmeter入门篇
- Mysql命令大全
- 多线程简介
- java 判断一个二叉树是不是平衡二叉树
- android中给TextView设置不同的颜色