CSS

一、CSS语言由3部分组成，格式如下：选择符{属性：值}

需注意以下问题：

（1）当属性的值有多部分组成时，在值上加上双引号   h1 {font-size:"12"}

（2）对一个选择符指定多个属性时，使用分号隔开p{ font-size:12;color:red}

（3）注释/* ...*/不能嵌套

（4）样式的继承：所有嵌套在某个标签中的标签自动继承外部标签的样式

二、CSS选择符包括3种：HTML选择符，CLASS选择符，ID选择符，他们的优先级是ID>CLASS>HTML

1.HTML 选择符

以HTML标签作为选择符，作用域为HTML页面中所有符合条件的标签。

包含选择符：用两个或多个选择符组成的字符串，例如：div p{color:red}     /*为div标签中的p标签规定样式*/   包含选择符的优先权比单一选择符高  table a{color:green}    a{color:red}  ，此时a标签中的颜色为绿色

2.CLASS选择符

使用HTML标签的class属性的值作为选择符，以一个.点号定义，CLASS选择符有两种：关联CLASS选择符，独立CLASS选择符

关联：可以为同一个HTML标签定义不同的样式。例如：

<p class="stop">这是stop样式</p>  p.stop{color:red}<p class="ok">这是ok样式</p>  p.ok{color:green}

独立：可以为不同HTML标签定义同一个样式。例如：

<p class="title">蓝色段落</p><h1 class="title">蓝色表题</h1>.title{color:blue}

3.ID选择符

ID属性用来定义某一特定HTML标签，ID选择符用来设置具有ID属性的HTML标签的样式，以“#”开头

<div id="title">ID选择符</div>#title{color:red}

ID属性在javascript中应用较多

三、CSS设置方式

内联样式：样式可以定义在单个HTML元素中<h1 style="color:blue"></h1>

嵌入样式：

<style type="text/css">h1{color:red}</style>

外部样式：需要一个外部的 .css文件，可以被多个网页共同引用<link rel="stylesheet" href="h1.css" type="text/css">

四、伪元素选择符

伪元素选择符为一个HTML元素的各种状态和部分内容定义样式的一种方式，比如，超链接标签<a>：正常状态，访问过的状态，选中的状态，光标移到超链接上的文本状态。伪元素选择符的定义格式如下：

选择符：伪元素{属性：值}  a:hover{color:blue}

a:active{color:red}，超链接选中

a:hover{color:red}，鼠标移到超链接上

a:link{color:red}，正常状态

a:visited{color:red}，访问过的状态