CSS重置所有标签属性的语法

发布时间：2024-01-05  栏目：建站知识   浏览：   分类：css教程

CSS全部标签属性重置语法是使用`*`选择器，将所有HTML元素的内外边距、边框、字体样式等属性重置为默认值。例如： ```css * { margin: 0; padding: 0; border: 0; box-sizing: border-box; font-family: Arial, sans-serif; font-size: 14px; } ``` 这段代码将清除所有HTML元素的外边距（margin）、内边距（padding）、边框（border）和字体样式（font），使页面在不同浏览器中呈现一致的外观。

每个浏览器默认的属性不同，像谷歌浏览器不设置的话，默认每个元素是有外边距margin的，有的浏览器列表还会带上序号，有的浏览器就没有。

所以为了让所有浏览器都一致，在写CSS开始前，我们都需要用CSS把全部标签属性重置一次，菜鸡源码自用的重置CSS代码分享给大家。

*{padding:0px;margin:0px;box-sizing:border-box;}h1,h2,h3,h4,h5{font-weight:normal;}ul,ol,dl,li{list-style:none;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;}input{outline:none;background:none;}input::-ms-clear{display:none;}input::-ms-reveal{display:none;}input[type=text]::-ms-clear{display:none;}textarea{resize:none;}table{font-size:inherit;border-collapse:collapse;border-spacing:0;}img,input,button{border:0px;}:focus{outline:0;}a:link,a:visited{text-decoration:none;}::-webkit-scrollbar{width:5px;height:5px;}::-webkit-scrollbar-thumb{min-height:28px;padding-top:100;background-color:rgba(0,0,0,0.2);-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:5px;-webkit-box-shadow:inset1px1px0rgba(0,0,0,0.1),inset0-1px0rgba(0,0,0,0.07);}

这段代码菜鸡源码用了很多次了，没有任何问题。

相关专题