【01】emmet系列之基础介绍 【02】emmet系列之HTML语法 【03】emmet系列之CSS语法 【04】emmet系列之编辑器 【05】emmet系列之各种缩写 单位:有几个常用值别名:p %e emx exexample:输入:w100p ...
【01】emmet系列之基础介绍
【02】emmet系列之HTML语法
【03】emmet系列之CSS语法
【04】emmet系列之编辑器
【05】emmet系列之各种缩写
输入:
w100p
输入:
颜色值:
浏览器前缀:
-webkit-border-radius:;
-moz-border-radius:;
-ms-border-radius:;
-o-border-radius:;
border-radius:;
如果不希望加上所有前缀,可以使用缩写来指定,比如-wm-trf表示只加上-webkit和-moz前缀:
-webkit-transform:;
-moz-transform:;
transform:;
前缀缩写如下:
附加属性
可能你之前已经了解了一些缩写,比如 @f,可以生成:
一些其他的属性,比如background-image、border-radius、font、@font-face,text-outline、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;
}
background-image:-webkit-linear-gradient(left,#fc0 30%, red);
background-image:-o-linear-gradient(left,#fc0 30%, red);
background-image: linear-gradient(to right,#fc0 30%, red);
- border-image:lg(left,#fc0 30%,red)
-webkit-border-image:-webkit-linear-gradient(left,#fc0 30%, red);
-o-border-image:-o-linear-gradient(left,#fc0 30%, red);
border-image:linear-gradient(to right,#fc0 30%, red);
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:【03】emmet系列之CSS语法
关键词:CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。