HTML2css样式表

1.内部样式

<style type="text/css">
</style>

2.外部样式

<link rel=" " type=" " href=" ">

3.行内样式

<p style=" "> </p>

4.css语法

selector{property:value;property:value}

每个CSS样式由3个部分组成，选择器，属性和值。
属性必须放在{}内，属性和属性值用冒号连接。
（1）标签选择器
元素名称{属性：属性值；}
使用结构中的元素名称作为选择器。例如body,div,p,img等。

（2）ID选择器
#id名{属性：属性值；}
一个ID名称只能对应文档中的一个具体元素对象。

（3）class选择器
.class类名{属性：属性值；}
class选择器更适合定义一类样式

（4）交集选择器
选择器1选择器2{属性：属性值；}
–标签选择器+类选择器
–标签选择器+ID选择器

（5）并集选择器
选择器1，选择器2，选择器3{属性：属性值；}

（6）后代选择器
选择器1 选择器2{属性：属性值；}
选择器1和选择器2用空格隔开，含义就是选择器1包含的所有选择器2

（7）子选择器
选择器1>选择器2{属性：属性值；}
选择器1和选择器2用>号连接，含义就是选择器1中的所有子一级选择器2

（8）伪类选择器
a:link{属性：属性值；}超链接的初始状态
a:visited{属性：属性值；}超链接被访问后的状态
a:hover{属性：属性值；}鼠标悬停，划过超链接时的状态
a:active{属性：属性值；}超链接被激活时的状态