html属性优先级设置
1、属性选择器：[class=calssname]{}
2、在选择器完全相同之下：写在css后面的id属性优先级比较高
3、id的优先级要高于class，class比元素选择器，
4、id选择器>class选择器=属性选择器>标签选择器
5、组合的多重选择器的优先级要高于单个选择器。优先看id选择器。
6、选择器编写更详细。
7、注意：只针对background：color_name !imiportant; 他的优先最高，彻底打乱之前的优先级。
一、伪类选择器：
:before :after :hover :link 等等
:before :after 这两个伪类选择器，可以创造一个伪类添加内容在里面。
:hover 鼠标点击的动作。鼠标进入内容颜色变化的sytle样式。
:link 鼠标点击连接的时候的颜色变化、字体变化等等。
二、背景图片：
background: 综合属性的设置。如何你多重设置的话，就会覆盖掉。
background-color、-image、-size、-position、-repeat、
background设置图片的sytle的时候里面已经有样式了，所以我们先是读入图片在设置它的一些属
性，backgroud-position:位置居中、居左、居右等各种位置，也可以使用像素来设置距离边框的位置，
也可以使用百分比来设置位置50%相当于居中。-repeat:no-repeat 设置不重复填充。
我们也可以设置百分之百的width就可以把图片永远的跟随窗口大小而变化。
我们也可以设置最小和最大宽度，min-width： 、max-width：、有助于你设置一些响应式的页面。