CSS样式表在网页设计中的特性
想成为一名CSS专家，仅仅熟练使用CSS选择符(selectors)是远远不够的。还在于对工作的整体规划，工作流程的掌握以及提高样式表的可维护性和效率。用CSS可以创建出我们想要的美妙绝伦的网站，而写CSS本身就是一种享受。 那么我们应该如何创建更具吸引力的样式表?你的样式表应该具有哪些特性呢?通过学习并结合我自己的工作经验，总结出一套制作精美样式表的好方法。
一、不要让CSS有过多的标记
链接或者导入样式表听起来好像是一种无头绪的工作。我看过很多的网站开发都有着整洁的、组织严密的css文档，但是慢慢的，由于可能达不到在短期内快速更新，或者懒得再去管理，这使得先前创建的精致的样式表变成了垃圾。如果我们工作在需要发布上百条内容的庞大网站上面。因为时间有限，所以你需要通过嵌套或者排列css来进行快速修改或更新。随着时间的推移，这种习惯维持着，直到有一天你被告知这个网站要完全推翻重新设计而且你只有一周的时间去创建。一般来说，更新样式表还算是一个非常简单的方法，除非你长时间对网站零散的区域做修改，你就不能对网站样式表结构有一个整体的把握。
链接或者导入你的样式表不是随意的事情。创建干净整洁的样式表并保持下去，工作就会更开心。注意：如果你试图在每次更新或者添加新内容的时候创建新的样式表，那你肯定是自找麻烦。过多的链接和导入样式表会使消除bug变得异常困难，让样式表很难维持。大一点的网站分别建立不同部分的样式表这是可以理解的。就是小心不要走极端。添加很多的样式表，会增加更多的http请求，可能还会影响到后面的工作。
二、语义定义明确易懂
除了选择最合适的，最有意义的元素来表述外，还要确定选择class 和id属性值。定义明确可以让维护变得简单，小组里的成员都会看懂。看这个定义：
.l10k { color: #369; } ，.left-blue { color: #369; } ，如果是我做的我可能知道是啥意思，但是别人人不一定就懂了。即使今天知道它的意思，但是能保证很多年后还知道它的意思吗? 最好不要在类属性里面去加入颜色或者长宽的尺寸。更恰当的命名规范：. work-description { color: #369; }
三、知道什么时候添加有条件的注释和运用技巧
很多文章写过一些关于问题解决的技巧，有条件的注释是控制IE发布的一个好方法。我同意有条件的注释比在你的css文档里乱写要好得多，但是最近我开始慢慢意识到，很多证据表明，这并不是最好的解决办法。想在一个元素中设置�
相关文档：
CSS 盒模型
网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的，请看下图：
如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿)，就会很熟悉下面的图表了。
这个图表很好地展示了作用于页面上任意盒子的数值。
注意以上两个例子中，margi ......
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。
2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。
3 ......
CSS是一个非常强大的网站设计标记语言。
虽然你可能会认为，任何人都可以转去写CSS代码，但是为了确保您在正确的轨道上，这里有如下8项
CSS原则，每个网页设计师应该遵循。
1、W3C验证
如果你是1个正在写CSS编码的人员，那么建议您每次对您所创建的CSS代码进行验证。但是，有很多设
计� ......
CSS important
.dialog{margin:4px !important;margin:1px;} /* IE以最后出现的为准, Firefox|Opera|Safari以!important为准 */
CSS DIV半透明
filter: alpha(opacity=50); /*IE支持(范围0-100)*/
opacity: 0.50; /*非IE支持(范围0-1)*/
......
