摘要：基本的CSS样式编写时，很多样式只需输入首字母即可得到不带属性值的CSS样式，像上面说到的margin。1、而对于一些带有特定的属性值的CSS样式，只需输入CSS标签与属性值的首字母就可以，比如：fl→float:left;2、而在编写这些CSS样式时，有很多是我们想好的写法，但生成的不是你想要的，比如position: absolute;，我们会输入pa，生成的就不是position: absolute;，这时我们可以：poa→position:absolute;3、一些用-连接的CSS样式和属性值，都可以取首字母：whscbs→whitewhite-space-collapse:break 阅读全文

摘要：缩写是Emmet工具的核心，这些特殊的表达式通过Emmet解析并转化为结构化的代码块，而语法用CSS选择器，HTML标签和一些Emmet特定的代码生成，所以对于任何一个前端开发人员都可以很容易地掌握和使用。你可以使用标签名称为div、p等生成HTML标签，Emmet没有一组预定义可用的标记名称，您可以编写任何单词并把它转化为一个标签，例如：div→,footer→Emmet代码虽然没有特定的标签，但编写时还是有一定的规则与技巧，下面我们就看一看：1、生成HTML文件的初始结构：之前我们会用软件直接新建一个HTML文档，初始结构就生成了，但有些编辑器是不带这个功能的，手动输入是件痛苦的事，有了E 阅读全文

摘要：通用选择器ul~p{}为ul之后的所有p标签设置属性（ul和p为同级元素）ul+p{}仅为ul之后的p标签设置属性（ul和p为相邻元素）div>p为div之后的p标签设置属性{div和p为父子关系}属性选择器E[att="val"]为属性att的值为“val”的元素设置属性E[att^="val"]为属性att的值以“val”开头的元素设置属性E[att$="val"]为属性att的值以“val”结尾的元素设置属性E[att*="val"]为属性att的值包含“val”字符串的元素设置属性li[class=& 阅读全文

摘要：1、IE6下横向双倍margin bug (触发条件：块属性标签；float；横向margin设置；IE6下。解决办法：css中加入display:inline。)2、css中公用属性首先声明；如对浏览器对某些标签有默认的margin 和padding 值首先声明默认值为0。3、css中class类名必须有实际的意义，必须与内容相关；不得用纯数字用于class类名。4、IE6下标签嵌套时，如果内层标签float，只有清除内层标签的浮动后外层标签才能被撑开。5、清除浮动时用div而不用其它标签清除浮动；.clear {height:0;clear:both;overflow:hidden;}6、 阅读全文