《精通css》笔记

《精通css》笔记

第二章 为样式找到应用目标

(1)选择器：

   1)ID选择器

   2)类选择器

       ♠伪类：链接伪类：：link和：visited（只能应用于锚元素）;动态伪类：:hover,:active,:focus;

       ♣ 通用选择器：*表示包含所有的元素。

       ♥高级选择器。

          （1）子选择器和相邻同胞选择器；

          （2）属性选择器；

          （3）层叠和特殊性。

             层叠采用以下重要次序：

             1）标有！important的用户样式

             2）标有!important的作者样式

             3）作者样式

             4）用户样式

             5）浏览器/用户代理应用的样式

             将外部样式表附加到网页上有两种方法：

             （1）<link href="/css/basic.css" rel="stylesheet" type="text/css">

             （2）<style type="text/css">

                        @import url("/css/advanced.css")

                    </style>

（2）整个文档的结构可以像下面一样：

    1）一般性样式

       ♠ 主体样式

       ♠ reset样式

       ♠ 链接

       ♠ 标题

       ♠ 其他元素

    2）辅助样式

       ♠ 表单

       ♠ 通知和错误

       ♠ 一致的条目

    3）页面结构

       ♠ 标题、页脚和导航

       ♠ 布局

       ♠其他页面结构元素

     4）页面组件

       ♠各个页面