normalize.css怎么用

html-css019

normalize.css怎么用,第1张

这个是重置浏览器的基本样式的，你可以放在head标签里放在所有css文件的最前面

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<link rel="stylesheet" type="text/css" href="normalize.css">

<link rel="stylesheet" type="text/css" href="css1.css">

<link rel="stylesheet" type="text/css" href="css2.css">

</head>

最主要的区别是Normalize.css保留不同浏览器同标签相同的默认值，只重置不同默认样式的差异，可以说css reset的高级版。

相对于普通的css reset，Normalize的的浏览器的兼容性更好，毕竟是专业人士经过不同版本浏览器测试打造的css文件，看看它的兼容性就知道多强悍：

支持的浏览器：

Google Chrome (latest)

Mozilla Firefox (latest)

Mozilla Firefox ESR

Opera (latest)

Apple Safari 6+

Internet Explorer 8+

normalize注重通用的方案，重置掉该重置的样式，保留有用的样式，同时进行一些 bug 的修复，这点是 reset 所缺乏的。而rest 不管你有没有用，统统重置成一样的效果，且影响的范围很大，讲求跨浏览器的一致性。