设计代码的结构
- 使用有意义的标记
- 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>