使用CSS应该遵循的好经验和应该避免的坏习惯
2014-03-25 17:35:34

创建一套易于管理的CSS代码可能是一向具有挑战性的工作。由于技术发展的缘故,真的很难说你是否建立了正确的CSS文件,或者你只是写了一堆糟糕的代码,在网站的质量方面做出妥协,以使得它能够适应不同的浏览器。

通过实践,你能够避免CSS出错。下面,就告诉你在写CSS代码时那些可以做而哪些不可以做,我们列出了在CSS代码方面应该遵循的好的经验,以及应该避免的坏习惯。让我们准备好开始吧。

应该遵循的CSS经验

使用CSS Reset

浏览器冲突是当今网站的前端开发中最大的问题之一。有很多样式,例如页边距,内边距,行高,字体大小等等诸如此类的内容,在不同的浏览器中都是不同的。Reset样式表的目标,就是通过提供可以扩展的标准样式,来减少浏览器冲突。

一个非常棒的Reset样式表的例子就是normalize.css,一个现代的HTML5 CSS reset。你只需要把他放在HTML文件的页首部分,样式定义文件之前。这些样式将会覆盖你自己的样式定义。

提供样式文件表信息

在样式表文件中放上一个标题,作者,标记,描述,URL信息等。这将给网页开发者或者其他用户一个参考联系人,他们可能需要你的技术支持。

1 /*

2 Theme Name: Simple Parallax Website
3 Description: Simple Parallax Scrolling Effect
4 Author: Samuel Norton
5 Author URI: http://www.someabc.com/
6 Tags: Parallax, Website
7 */