CSS reset旨在消除浏览器默认样式的影响，更好地保证CSS样式在不同浏览器上一致性和可维护性。以下是目前比较全面的CSS reset重设方法总结。
1. Normalize.css
Normalize.css 是一份基于现代浏览器的CSS reset样式集合，对于大多数元素都使用了 box-sizing:border-box; 样式，还提供了良好的注释，方便理解。
使用方法：直接在HTML头部引入normalize.css即可，建议作为CSS样式的第一份文件引入。
示例代码：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
2. reset.css
reset.css采用了一种彻底重置所有浏览器样式的方式，把所有的元素的边框、内边距、外边距等属性全部置为0，这样可以完全消除浏览器默认的样式。
使用方法：与Normalize.css相同，在HTML头部引入reset.css即可，建议作为CSS样式的第一份文件引入。
示例代码：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
以上是两种比较常用的CSS reset重置方法，当然还有其他一些不太常用的方法，需要根据实际情况选择合适的方法。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：目前比较全的CSS reset重设方法总结 - Python技术站
微信扫一扫 
支付宝扫一扫 