Learn CSS Mastery 1

1.HTML包含丰富的有意义的元素比如

h1 h2 等；
ul、ol和dl;
strong和em;
blockquote和cite;
abbr、acronym和code;
fieldset、legend和label;
caption、thead、tbody和tfoot;

因此，如果元素有恰当的含义，就应该使用。

2.ID和类名

比如说nav用来指定站点导航

    <ul id='nav'>
        <li><a href="/home/">HOME</a></li>
        <li><a href="/about/">ABOUT US</a></li>
        <li><a href="/contact/">CONTACT</a></li>
    </ul>

ID 用于标识页面上的特定元素，一个ID名只能应用于页面上的一个元素，而同一个类名可以应用于页面上的多个元素。就像我们国家的身份证和名字的关系一样，每个身份证上的号码都是独一无二的，但是名字叫张三的就会存在多个人了。

3.给元素命名

在分配ID和类名的时候，一定要尽可能保持名称与表现方式无关。例如，如果希望所有的表单通知消息都显示黄色，可以给他们分配类名为yellow。只要页面上没有其他黄色元素就行，这就没有问题。但是，如果还希望让4个必须的表单标签页显示黄色，就必须猜测这个类引用的是哪种元素，这个时候就会很混乱。所以命名的时候一定要根据“它们是什么”来命名。而不是根据它们的外观来命名。

low的命名	good的命名
red	error
leftColumn	secondaryContent
topNav	mainNav
firstPara	intro

4.ID还是类

我现在比较喜欢用类，只有在目标元素非常独特，绝对不会对网站上其他地方别的东西使用这个名称时，我才会使用ID。

5.div和span

div可以用来对块级元素进行分组，而span可以用来对行内元素进行分组或标识。