6种编写HTML和CSS的最有效的方法

标签: html css 有效的 | 发表时间:2011-05-25 14:15 | 作者:(author unknown) Ling:™ patient()
出处:http://news.cnblogs.com/

  写HTML5和CSS3,以及JavaScript,前端开发者有了大大的用武之地。大家都在用很多的工具和技术来武装自己,以加快前段的开发。

  本文分享了6中最有效的方法,希望能提供你的效率,为你节约时间。

  1. Dynamic CSS(动态 CSS)

  如果你想加速你的CSS代码编写,那么你需要学习并掌握动态CSS。大部分的动态CSS增加了nested riles,variables, mixins, selector inheritance功能,这里提高代码的利用率。

  2. HTML snippets(HTML 片段)

  使用代码片段是个编写HTML代码的一个很快的方法。推荐Zen CodingHAML。首先,它会让你提速很快,其次,可以规避一些人为错误,因为所有的代码都是被测试和正确生成的。

  3. CSS reset(CSS 重设)

  CSS reset的优势是避免了浏览器的不兼容。推荐:Eric Meyer's CSS resetYUI.

  4. CSS Grid layout(网格布局)

  不少的开发者,都没有使用CSS 网格布局。网格布局的理念来自于传统的印刷出版,在web上,网格布局在杂志类型模板/网站中非常重要。该方法已经被大量的开发者证明是提升产品设计速度的有效途径。

  CSS 网格布局具有很好的跨平台支持等特性,下面再介绍一些相关的资源:

  5. HTML/CSS 编辑器

  你需要一个好的代码编辑器,除了notepad之外,还有很多,它们各具特色。比如coda的ftp引擎十分的稳定。

  6. 其他在线工具

  下面的一些工具,还是可以帮助你省下那么一点的时间的。

  如果你刚刚学习HTML和CSS,那么还是建议扎扎实实地来手写代码。如果你已经有了坚实的基础,那么就尝试上述的方法吧。

  Enjoy coding :)

  原文:http://www.queness.com/post/8004/6-most-effective-methods-to-code-html-and-css


  本文链接:http://news.cnblogs.com/n/102223/

  相关新闻:
  · 120个非常优秀的CSS水平导航菜单(2010-07-13)
  · 10个能帮你提高工作效率的CSS工具(2011-01-07)
  · 20个学习CSS的绝佳网站-让你从入门到精通(2010-09-29)
  · 实用HTML,CSS和JavaScript速查表(2010-09-19)
  · 国产开源在线HTML编辑器 xhEditor v1.1.0正式发布(2010-09-02)

相关 [html css 有效的] 推荐:

6种编写HTML和CSS的最有效的方法

- Ling:™ patient() - 博客园新闻频道
  写HTML5和CSS3,以及JavaScript,前端开发者有了大大的用武之地. 大家都在用很多的工具和技术来武装自己,以加快前段的开发.   本文分享了6中最有效的方法,希望能提供你的效率,为你节约时间. Dynamic CSS(动态 CSS).   如果你想加速你的CSS代码编写,那么你需要学习并掌握动态CSS.

HTML+CSS小结 - jessies

- - 博客园_首页
   结构   HTML        .    样式   CSS      .    行为   JavaScript(交互行为).    <meta name="参数" content="name属性值"/>.    <title>网页标题</title>.

解耦 HTML、CSS和JavaScript

- - ITeye资讯频道
当前在互联网上,任何一个稍微复杂的网站或者应用程序都会包含许多HTML、CSS和JavaScript. 随着互联网运用的发展以及我们对它的依赖性日益增加,设定一个关于组织和维护你的前端代码的计划是绝对需要的. 当今的一些大型互联网公司,由于越来越多的人会接触到日益增加的前端代码,它们会试图去坚持代码的模块化.

在线调试并共享HTML,CSS,JS

- Albert - [米随随] s5s5
如题,以后同人讲代码时可以用到. 2004年04月9日 -- MSN中文专业站 (0). 2006年06月5日 -- 读“疲倦的博客们”有感 (9). 2005年07月20日 -- 基于web2.0的网站创意 (33).

HTML 5 & CSS 3的新交互特性

- chacoo - 所有文章 - UCD大社区
本文标题的这副图片,是用Phosotshop制作的. 但是,在搜索引擎中你却无法搜索到它,搜索引擎还没有强大到能够识别图片里面的文字. 并且由于图片的体积不算太小,可能网速慢的网友在浏览的时候不得不耐心的等待图片的刷新. 那么,有没有一种新的方法可以避免这些缺点呢. 有的,HTML5和CSS3就可以满足你的需求.

[html/css/js]搜索建议提示

- - CSDN博客推荐文章
// 根据id获取dom元素. // 将label绑定到input上作为输入提示. // 获取输入焦点时,隐藏提示标签. // 失去输入焦点时,判断输入框的是否有值,有则显示提示标签. // 窗口加载完dom结构时. <label for="txt-search" id="lbl-search" class="lbl-default">请输入要搜索的内容</label>.

优秀的 HTML 和 CSS 代码规范

- - SHTION官方网站
HTML 和 CSS 代码规范究竟是怎么样的. 做网站时, HTML 和 CSS 代码有什么要求. HTML 和 CSS 代码的写法是否影响网站的SEO. 写好  HTML 和 CSS 代码需要注意些什么. 一般大型WEB站点开发设计人员,要求使用者具有一定的 HTML、CSS基础知识,对原代码具有较强的控制能力.

分享45款高质量的免费(X)HTML/CSS模板

- Mikel - 博客园-首页原创精华区
  当你需要在短时间内设计出一个网站的时候,网站模板就非常有用了. 这也就是为什么这些设计模板已成为设计领域的最新趋势的原因. 在这篇文章中,收集了各式各样的网站模板,您可以免费下载使用,希望这些设计模板不仅带给您灵感,也让您回到创作轨迹. Coffee Maker ( 演示 | 下载 ). BusinessTemplate ( 演示 | 下载 ).

13个最常用的CSS和HTML快速开发工具

- - ITeye资讯频道
英文原文: 13 Most Used Speedy Tools To Write CSS And HTML Code. CleverCSS是个用于CSS开发的小型标记语言,从Python中得到灵感. 可以开发出干净、结构清晰的样式表. 在许多方面它比CSS2都更简洁、强大. 它与CSS最明显不同之处在于语法:CleverCSS采用了缩进式语法而不是对齐.

EDM邮件中的html/css兼容性问题

- - ria之家--RIA三部曲:jquery、ext、flex
最近需要配合用研同学做个问卷调查的邮件模板,表现形式不是纯文本,需要有美观的布局和多彩的内容,也就是说邮件里面需要用html/css来表现内容. 这种应用已经非常普遍了,如今邮箱里面充斥着各种facebook动态、团购网站推荐、支付宝提醒等等的富文本邮件,这就是EDM(Email Direct Marketing )电子邮件营销,那如何利用html/css/js更好地在邮件客户端(web邮箱就不讨论了)中表现富文本内容呢.