WebStorm快速开发教程--CSS篇
为了追求开发效率，开发过程中选择⼀款⾼性价⽐的编辑器也是很重要的，个⼈喜欢使⽤WebStorm，优点不在赘述，本⽂的重点是使⽤webstorm开发过程中的⼀些快速开发⼩技巧，希望对你有⽤.
废话不多说，说正事：平时我们在写CSS样式的时候都是这样的:⽐如要写width:300px，是不是⼀个字⼀个字的敲，嗯，其实还有很便捷的操作：先输⼊w300然后按下tab键，这个时候奇迹出现了.是不是直接出现了width:300px是不是很强势(这种操所好像不适⽤于Hbuild，因为Hbuild的数字键默认是选择提⽰中的信息，所以不怎么好⽤);.要输⼊border:1px solid #ccc，输⼊"bd+" 按下tab全部出现了是不是?
那是不是所有的CSS属性都可以简写的?是的，基本上都是属性和属性值的⾸字母.也有特殊的,⽐如por按tab之后是position:relative;pr按tab之后是padding-right；以下是我摸索出来的⼀些快捷⽅式: 分享给⼤家，详情见附注; 空格前⾯的是简写的⽅式，后⾯的时具体的声明；相信⼤家⽤熟了写代码⼀定会6的飞起.
这样操纵有⼀些注意事项:
1 默认单位为px，如果想输⼊其他单位，跟在数值后⾯结课,⽐如width:2rem的操纵是：输⼊w2rem 再按下tab就可以了;
2 line - height 的简写⽅式为 lh加数字，但是完成后要注意带上单位，切记切记，我试了好⼏款编辑器，都不带单位，我也不知道line-height的默认单位是啥，谁知道告诉我⼀声;
3 以下简写⽅式基于WebStorm测试全部准确,WebStorm的强⼤之⼀就是可以⾃动补充兼容的属性值；唯⼀的缺点就是提⽰太智能了.可能其他编辑器的简写⽅式不同，建议慢慢摸索，都会有快捷输⼊的；这种输⼊的开发效率杠杠的.
附注:
fs      font-style: italic;
fsn    font-style: normal;
fw    font-weight:;
fwb    font-weight: bold;
web网站开发教程fwbr  font-weight: bolder
fz    font-size:;
fz30    font-size: 30px;
ff    font-family:;
td    text-decoration: none;
tdu    text-decoration: underline;
tdl    text-decoration: line-through;
tdo  text-decoration: overline;
ta    text-align: left;
tar    text-align: right;
tac    text-align: center;
ti    text-indent:;
ti2e  text-indent: 2em;
di    display: inline;
db    display: block;
dib    display: inline-block;
bp  background-position: 0 0;
bg+  background: #fff url() 0 0 no-repeat;
bd+  border: 1px solid #000;
bdrs  border-radius;
另外:js的输⼊中，提⽰信息出来后，多按enter效率也会快很多的；如果⼤家还有啥压箱底的技能,⼀定要分享出来啊.说了这么多，赶紧新建⼀个CSS⽂件试试吧!

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。