可读性CSS代码编写的小技巧-CSS教程-爱易网页

可读性CSS代码编写的小技巧

日期：2014-02-13　浏览次数：20965 次

网页制造aiyiweb文章简介：这几个步骤不会产生完满的可读性 CSS 代码，可以肯定的是它们可以让你的生活简单些。尝试下并通知我你的想法。

读写看起来容易，实则非也。对于网页设计来说，读写行为由于多种缘由而重要，并且在网页设计过程中，它们有着较高的优先级。我想说的是，用较好的方式写代码是非常重要的。这是由于，要让其他任何和这些代码打交道的人感到舒服。

1. 定义好的结构

CSS 可读性最重要的一点是要有一个好的结构。有好的结构，在寻觅特定 CSS 规则的时候才能缩小寻觅区域。最好的方法是用 HTML 文件构成的风格来结构化 css 文件。这样的 CSS 文件就比较舒服，而且你也能精确的知道如何定位。本文由爱易网任务室（Aiyiweb.Com）发布！转载和采集的话请不要去掉！谢谢。

<div id="wrapper">
    <div id="header"></div>
	<div id="body">
		<div id="sidebar"></div>
		<div id="content"></div>
	</div>
	<div id="footer"></div>
</div>

#wrapper {...}
#header {...}
#body {...}
#content {...}
#sidebar {...}
#footer {...}

2. 定义颜色特区

每个网站颜色的数量各不相反。因此，为设计中用到的颜色定义一个特区会是很好的实践。一个很好的理由就是就算过了一段时间你也可以很容易的认出这些颜色，而且也可以迅速的替换这些颜色。本文是爱易网www.Aiyiweb.Com收集整理或者原创内容，转载请注明出处！

3. 每行一个 CSS 规则

写 CSS 代码的时候，要考虑到有事需求粗略的浏览文件来搜索一些特定规则。在一行中声明 CSS 规则是个不错的主意。

这样就可以利用水平方向上浪费的空间，也能缩短文件的翻页页数。

4. 定义排版款式特区

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。