css 层叠式样式表(2)
一,样式表分类 (1)内联样式。 --优先级最高,代码重复使用最差。 (当特殊的样式需要应用到单独某个元素时,可以使用。 直接在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。) (2)内嵌样式表。 --优先级别第二,不常用,代码重用性一般。 (当单个文件需要特别样式时可以使用内嵌样式表。在 head 部分通过 <style> 标签定义内部样式表。) (3)外部样式表。 -- 优先级最低,最常用,代码重用性最高。 (当样式需要被应用到很多页面的时候,可以使用。使用外部样式表可以关联多个元素或者文件。) 1、先创建一个样式表 2、写入样式表内容,调整样式表位置 二。选择器 每一条css样式定义由两部分组成,形式如下: 选择器 { 属性 } 在{}之前的部分就是“选择器”。 “选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。 选择器是选择器,外部样式表只是代码位置 (1)类别选择器( class选择器) 前面以"." 来标志,如: .d1 { color:red; } 在HTML页中: <div class="d1";>文字</div> 文字颜色为红色 <p class="d1";>文字</p> 文字颜色为红色 定义了一个class类,将样式应用到了元素中。 (2)id选择器 优先级最高 前面以"#"来标志,如: #d2 { color