【选择器】
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 访问完状态
