HTML end~

一、浏览器的兼容问题（关于浏览器的兼容问题有很多大佬已经解释的很清楚了这个得自己百度去多花点时间去了解这里咱们只说一下前面的漏点）

浏览器兼容性问题又被称为网页兼容性或网站兼容性问题，指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。

在网站的设计和制作中，做好浏览器兼容，才能够让网站在不同的浏览器下都正常显示。而对于浏览器软件的开发和设计，浏览器对标准的

更好兼容能够给用户更好的使用体验。

为什么使用雪碧图？？

我们使用雪碧图之后本来需要多次请求的图片我们一次就请求过来了减少了该页面
向服务器的请求次数间接的优化了该页面的性能

利用background-position属性来实现如下

比如ul里有很多的li咱们可以用结构选择器来一个一个选就不需要再给li起名字用了

我们需要借鉴link标签

Title中的小图标就出来了，href这里不能写成 ./

rel type href

Rel 是当前页面和url之间的关系 rel=”stylesheet”

Type 是资源文件的mime类型 .html文件mime类型是text/html 图片的mime类型

Image/jpg(png/gif) css的mime类型是text/css js的mime类型是text/javascript。

Mime类型，客户端和服务器之间的暗号，根据拓展名而定。

textarea{

resize: none;

}

table{

border-collapse: collapse;

}

cursor 光标属性值有 pointer 抓手，指针 wait help

Rgb()颜色的表示方法值是0-255如background:rgb(12,15,16);

Opacity表示透明度值是0-1；

Rgba() r是red 0-255 g是green 值是0-255 b是blue值是0-255 a是opacity值是0-1；

但是ie低版本不支持。

Rgb和opacity 与rgba的区别？

前者的内容也跟着透明，后者的内容不跟着透明。内容包含图片和文字。

清除浮动在低版本浏览器不行，需要处理兼容性

加一个.clearfix{*zoom:1;}