设计代码的结构

• 使用有意义的标记
• css可以控制页面的外观并将表现与内容分隔开。
• 在分配ID与类名时尽量保证有意义且与表现无关。
• div可以对块级元素进行分组，而span可以对行内元素进行分组或标识。

为样式找到目标：选择器

• 常用选择器：标签选择器、后代选择器（由其他两个元素间的空格表示，选择一个元素的所有后代）、ID选择器、类选择器。标签、后代、ID、类选择器的组合可解决大多数问题。
• 伪类：:link :visited 链接伪类，只能作用于锚元素。
• 通用选择器：*{....}
• 高级选择器:子选择器（只选择元素的直接后代 #nav>li{....}）、相邻同胞选择器(h1+p{....})
• 属性选择器：eg abbr[title]{....} 、abbr[title]：hover{....} 、a[rel="nofollow"]{....}、[class="intro"]{...};属性中包含多个值时可用如下方式：a[rel~="friend"]{....},其中：<a href="" rel="friend met ..."></a>