css3技术

CSS架构:最新最佳实践(3)

字号+ 作者:H5之家 来源:H5之家 2015-09-08 10:02 我要评论( )

说道标签,使用HTML5的另一个方面就是使用一些新的标签,在为创建代码模块设置一个良好基础的时候有助于页面语义化。但是在使用CSS3时,落后浏览器的兼容性就需要认真的考虑。为了支持新标签识别,可以在旧浏览器里

说道标签,使用HTML5的另一个方面就是使用一些新的标签,在为创建代码模块设置一个良好基础的时候有助于页面语义化。但是在使用CSS3时,落后浏览器的兼容性就需要认真的考虑。为了支持新标签识别,可以在旧浏览器里的页面上加上脚本,这样能够使旧浏览器正确的呈现元素。

最常用的脚本就是HTML5 Shiv,可以使HTML5元素在IE6~IE8被识别。唯一的缺点就是页面要多加载一个脚本文件。但是,说真的,为了迫不及待的使用HTML5,这点牺牲也是值的。

简明整洁,准备一些重大重构吧

还没有那么糟糕,不是吗?通过清理宏观层面上的代码,给它适当的结构,然后缩小微观层面上的组织代码,你可以做很多事情来提高令人发指的CSS代码。也可以使用更有效的最佳实践进一步取代已过时的解决方案。

所以,现在我们已经初步清理了代码,我们准备踏踏实实地认真的进行一些CSS重组。通过采用一些日益流行的可扩展的CSS架构的一些方法,一个网站的样式表的可维护性和效率可以提高一个层次。

译者手语:整个翻译依照原文线路进行,并在翻译过程略加了个人对技术的理解。如果翻译有不对之处,还烦请同行朋友指点。谢谢!

关于Jekst

常用昵称jekst,目前就职于北京一家信息技术公司,主要从事。net系列的开发,热爱前端,对css、jQuery有浓厚兴趣,喜欢参加技术交流活动。欢迎交流共勉:新浪微博。

如需转载烦请注明出处:

英文原文:

中文译文:

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • CSS3实例解析:伪类前的冒号和两个冒号的区别_div+css教程

    CSS3实例解析:伪类前的冒号和两个冒号的区别_div+css教程

    2015-09-17 16:49

  • CSS3教程:webjx整理的最新的15个CSS3教程_div+css教程

    CSS3教程:webjx整理的最新的15个CSS3教程_div+css教程

    2015-09-16 17:16

  • CSS3教程:使用border-radius制作文本文档图_div+css教程

    CSS3教程:使用border-radius制作文本文档图_div+css教程

    2015-09-15 14:36

  • CSS3教程:css3的颜色取值的方法_div+css教程

    CSS3教程:css3的颜色取值的方法_div+css教程

    2015-09-15 14:36

网友点评