摘要:
阅读本文,先仔细阅读网站文章。 Zen Coding 快速编写HTML/CSS代码的实现 复制代码 代码如下:E 元素名称(div, p); E#id 使用id的元素(div#content, p#intro, span#error); E.class 使用类的元素(div.header, p.error.critial). 你也 可以联合使用class和idID: div#content.column.width; E>N 子代元素(div>p, div#footer>p>span); E+N 兄弟元素(h1+p, div#header+div#content+div 阅读全文
posted @ 2013-06-19 12:12
simadi
阅读(505)
评论(0)
推荐(0)
摘要:
在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开发HTML和CSS的方法。它由Sergey Chikuyonok开发。你在写HTML代码(包括所有标签、属性、引用、大括号等)上花费多少时间?如果你的编辑器有代码提示功能,你编写的时候就会容易些,但即便如此你还是要手动敲入很多代码。在JavaScript方面,当我们想要在一个页面上获取某个特定的元素时,我们就会遇到同样的问题,我们必须写很多代码,这就变得难于维护和重用。JavaScript框架应运而生,它们同时引入了CSS选择器引擎。现在,你可以使用简单的CSS表达式来获取DOM元素,这相当酷。但是,如果你不仅仅可以用CSS的选择器布局 阅读全文
posted @ 2013-06-19 12:11
simadi
阅读(353)
评论(0)
推荐(0)
摘要:
在我发表上一篇《Zen Coding: 一种快速编写HTML/CSS代码的方法》之后,有网友表示不知道怎么在Dreamweaver上使用zen coding插件。OK,今天我就写一篇详细的教程来讲述如何在DW中使用zen coding。如果你已经知道如何使用,可以不再阅读本文。可喜的是,我在Dreamweaver CS3上进行了测试,证明Dreamweaver CS3和CS4都是支持Zen coding的这个插件的。准备安装插件之前,请确认你已经安装了adobe Extention Manager,如果没有安装,请到Adobe官方下载安装:DW CS3需要安装Extention Manager 阅读全文
posted @ 2013-06-19 12:08
simadi
阅读(332)
评论(0)
推荐(0)
摘要:
如果你从事前端开发或者web开发的话,一定听说过Zen coding - 一种快速编写HTML/CSS代码的方法。它使用仿CSS选择器的语法来快速开发HTML和CSS - 由Sergey Chikuyonok开发。现在它改名为了Emmet,并且搭建了一个新的网站:docs.emmet.io。和一般的编辑器中使用的“代码片段”概念不太一样,Emmet使用动态的语法来生成代码,这意味着你不需要自己去编辑并创建固定的代码片段。 大大的提高了代码编写效果,这一点似的Zen coding非常的流行。例如,输入如下内容:ul#nav>li.item$*4>a{Item $} Emmet会帮助你 阅读全文
posted @ 2013-06-19 12:07
simadi
阅读(356)
评论(0)
推荐(0)
摘要:
http://kyozhou.sinaapp.com/?cat=11 阅读全文
posted @ 2013-06-19 09:41
simadi
阅读(267)
评论(0)
推荐(0)
浙公网安备 33010602011771号