layout: post title: "CSS样式层叠表" date: 2017-03-01 21:54:00 +0800 categories: css
HTML主要控制内容 CSS主要控制格式。 样式表是用来指定样式信息的句法机制。 之所以将CSS称为层叠样式表，是因为它可以在3个层次上进行定义。 内联样式表 内联样式表位于开始标签中，其设置只对该元素起作用 文档样式表 文档样式表位于文档的头部区域，能够作用于文档的整个主体。 文档样式表的说明是作为一个<style>元素对的内容出现的。 语法格式为 选择器 {一组属性值对} 例如：
外部样式表 外部样式表可以独立创建为一个文本文件，标签<link>用于指定外部样式表。 例如：
<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css"> </link>/ / 是CSS注释
选择器：
1.最简单的选择器就是单元素名称 2.类选择器 类选择器用于为同一个标签的不同实例指定不同的样式说明。class这个特性
<p class="normal">xxxxxxxxxxxxxxxxxxxx </p>
<style> p.normal {property-value list} </style> 3.通用选择器 不管什么元素，只要他有class="normal"，则应用样式 .normal {property-value list} 4.id选择器 限定于某个特殊的id 5.上下文选择器 后代选择器 ol li 空格 子元素选择器 ol >li 大于号 6.伪类选择器 伪类是一种当某种事件发生时才能够发挥作用的样式。 例如： 当鼠标放到h3元素上时被应用。 h3:hover {}
使用firebug可以进行CSS的实时查看和编辑