前端必备快速编码工具_html/css_WEB-ITnose

最受大家喜欢的一个快速编码的工具就是Emmet (Zen Coding),这是一种一种新的使用仿CSS选择器的语法来快速开发HTML和CSS的方法。

也许对于我们这些菜鸟级别的程序员来说，脚踏实地的一字字的打代码才是正确的选择。但是，学会快速的把整个框架和重复代码用最快的速度码出来，这个对每个程序员来说都是很有必要的，而且在工程上还能大大的缩减开发时间。

声明：这里只和大家说最常用的也够你使用的形式，具体的可参考官方文档 ZenCodingCheatSheet.pdf

1、创建模板

开始编码的时候，我们需要一个模板，我们以html5为例。

html:5 

几个字符，敲一下 Tab 键就搞定了，生成的模板如下：

这里要说明一下，不是所有的编辑器都敲Tab 键,有的是 Ctrl + E 或 Ctrl + J，这要看你的编辑器是什么而定。

2.css 和 js 导入 导入css

link:css 

导入js

script:src 

3.开始装逼之旅

开始之前先来熟知一下下面的这些语法：

E元素名（div、p）； E#id带Id的元素（div#content、p#intro、span#error）； E.class带class的的元素（div.header、p.error）,id和class可以连着写，div#content.column E>N子元素（div>p、div#footer>p>span） E*N多项元素（ul#nav>li*5>a） E+N多项元素E$*N带序号的元素

以上的语法够你用的了，光说不练嘴把戏，看代码吧！ 

元素名最简单，其实就是为你创建一个该名称的标签,有的成双成对，有的就只能是单身狗,o(^▽^)o

div  或 input 

      
查看更多关于前端必备快速编码工具_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did112468