使用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 |
*/ |