精通CSS高级Web标准解决方案,1-1选择器

设计代码的结构

  • 使用有意义的标记
  • 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>