为什么要使用CSS（一场内容和显示相分离的革命） ?
在传统网页编程中，用于控制内容显示的标签和正文标签相混合，使程序员对网页代码的阅读产生阻力，更多的查看影响显示效果的代码，而不能突出内容代码，导致网页代码不清晰。如果遇到显示风格的修改，将修改大量的页面数据
链接标签
选择器 (selector)
分为三种（标签选择器 、类选择器、id选择器）：
优先级（从低到高）：标签选择器 < 类选择器 < id选择器
id 选择器优先级别最高，如有冲突，则以其为主。
一个标签可以被多个类选择器修饰，在css中定义在后头的类选择的优先级高于前头的，如果属性有冲突，将会覆盖前头的属性值
i. 标签选择器 （tag selector）
该选择器将选中当前页面中属于这个标签的所有页面元素，并赋予对应的样式表。
ii. 类选择器 (class selector)
网页中，无论什么标签的元素，只要class属性和该类选择器的名字一致，则被选中。
/* 类选择器的一个特征，选择器的名字前有一个. */
.underline{
color: green;
text-decoration:underline;
} 类选择器在定义的时候，需要在类名字前放置一个 . 符号，以表现这个不是标签选择器，而是类选择器，而使用的时候，则不需要这个. 符号。
一个元素属于某种类选择器控制范围，加上class属性就可以了。 类选择可以跨标签，无论什么标签，只要class属性和该类名字一致，就属于这个类选择器控制范围。
类选择器的优先级高于标签选择器，其更加个性化，如果类选择器的样式和标签选择器重复，即冲突，则类选择器样式优先。 如果没有冲突，则该元素在使用其标签选择器设置的样式的同时，穿上类选择器设置的样式，我们也把这种现象叫“多选择器样式的混合运算”。
Iii id选择器 (id selector)
任何一个网页元素，都有一个name属性（在页面中可以重复）和一个id属性（在页面中是唯一的）
在应用上要注意的是： 多个元素可以共用一个name. 但id绝对不能重复，也就是网页元素，name可以重复，但id是唯一的。
/* id选择器的一个特征，id选择器的名字前有一个# */
#xmu{
color:#345c6f;
background-color:yellow;
}
并列选择器
li,span, #myhome, .redFont{
color:red;
}
v 混合选择器 （派生选择器）
div span{
color:red;
}
div span.a{
font-size:30px;
}
div:hover{
border-color: green;
cursor: pointer;
}
#mydiv{
/*background-color: blue; */
background-image: url(pattern.jpg);
background-repeat: repeat-x;
background-position: left center;
background-size: 80px 80px
background-size: cover;
}background-repeat: repeat-x;
沿x轴横向铺垫，垫满为止
background-repeat: repeat-y;
沿y轴纵向铺垫，垫满为止
background-repeat: no-repeat;
不沿任何方向铺垫
background-position: left center;
相对div的相对位置，左边中间
background-size: cover;
图片覆盖满div