ps：辛苦打了一上午，莫名其妙飞了。。。

CSS部分

CSS全名“层叠样式表”

如果说html工具创造了页面的骨架，那么css就补充了页面的血肉。一个页面光有骨架，显得单薄，如果添上血肉，自然就丰富多彩起来。

1.css的格式

利用style=“”引入，通过添加各种各样的css属性，来修饰各种语句。

2. div/span标签

网页制作神器，作用-在页面开辟一个独立空间，好处在，独立空间内的调整不影响整个页面的布局。

div按行占位

span按内容占位

3.选择器

1）基础选择器

<style type="text/class">

h1{

color:blue;

}

</style>

2)别名选择器 id/class

a. id别名

<style type="text/class">

#mh1{

color:blue;

}

</style>

//body部分

<h1 id="mh3"></h1>

b. class别名

<style type="text/class">

.mh1{

color:blue;

}

</style>

//body部分

<h1 class="mh3"></h1>

3）层级选择器

<style type="text/class">

div h1{

color:blue;

}

</style>

4）属性选择器

<style type="text/class">

input [ value="3"] {

color:blue;

}

</style>

5）伪元素选择器

效果：涉及动态变化

格式：标签名+冒号+状态+大括号

<style type="text/class">

h1: hove r{

color:blue;

}

</style>

涉及状态：

hover 鼠标悬停状态

link 静止状态

active 触发状态

visited 访问完状态