《精通CSS》读书笔记——CH1 基础知识

学习CSS最好的方式之一是直接开始使用它。

 

第一章 基础知识

(X)HTML包含丰富的有意义的元素，比如strong、em、blockquote、cite、abbr、acronym、code、fieldset、legend、label、caption、thead等。

HTML 5 参考手册：http://www.w3school.com.cn/html5/html5_reference.asp

当存在意义合适的元素时，就应该使用它。

 

分配ID和类名时，一定要尽可能保持名称有意义并与表现方式无关。

 

比如命名subNav或secondaryNav比rightHandNav更好。

比如错误消息以红色显示，也不要使用类名red ，error或feedback更好。

比如mainNav比topNav更好，intro比firstPara更好。

 

为了规范，类名和ID名 注意区分大小写。

避免“多类症”：http://www.cnblogs.com/crayonchen/articles/3331669.html#ch4.1

 

 

规划、组织和维护样式表

对文档应用样式

外部样式表有链接和导入两种方式：

<link href="/css/basic.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
@import url("/css/advanced.css");
-->
</style>

 

可以讲多个样式表导入一个样式表，然后将这个样式表链接到HTML页面中。

@import url(/css/layout.css);
@import url(/css/typography.css);
@import url(/css/color.css);

 

导入规则需要放在样式表的最前面，否则它们可能工作不正常。

因为先考虑导入的样式表，然后考虑链接的样式表，所以链接的规则会覆盖导入的规则！

 

样式指南——促使站点的开发以可控制的方式进行

团队开发时，建立样式指南是一种非常好的做法。

样式指南是一个文档、网页或小型站点，好的样式指南应该首先概述站点结构、文件结构和命名约定。详细描述编码标准，布局和样式元素，给出特殊CSS样式的说明和示例。

 

组织样式表以便简化维护

对于大型的复杂站点，如何分割样式是需要仔细考虑的。

一般用一个CSS文件处理基本布局，用另一个文件处理办事和设计修饰。

进一步细分，比如用单独的CSS文件处理颜色，比如用单独的CSS文件处理所有的表单，比如用单独的CSS文件处理首页。

 

请记住，每个CSS文件都意味着要对服务器进行一次额外的调用，这会影响性能，所以一些开发人员喜欢使用一个大型的CSS文件，也可以倾向于保持灵活性和维护的简单性，最终的选择取决于实际情况。