css复位和归一化的功能是什么

CSS复位和归一化是两种常见的样式规范技术，经常被用于解决不同浏览器、不同设备之间的显示差异。下面分别介绍它们的功能。

//CSS复位*{
    margin:0;
    padding:0;
}
//归一化html,body,h1,h2,h3,h4,h5,h6,div,span,p,em,strong,ol,ul,li,table,tr,td{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
    

CSS复位：在不同的浏览器和不同的设备上，各个元素的默认样式是不同的。比如说，在Chrome浏览器里面，ul元素的margin是8px，而在Firefox中是16px。这就造成了不同浏览器之间呈现的页面现象不一致的情况。所以为了解决这个问题，CSS复位可以在样式表中定义一些通用的基本样式来将所有的样式都重置为一致的状态，保证在不同的浏览器和设备上都有相同的显示效果。

归一化：相对于CSS复位，归一化则更加全面和细致。它不仅规定了基本的元素样式（如margin、padding等），更规定了文字样式（如字体大小、字重、行高等）、链接样式、表格样式、表单样式、列表样式、图片样式、媒体样式等等。归一化的目的是为了削减各浏览器之间因默认值不同造成的显示效果差异，同时也能解决不同设备之间可能出现的突出性能问题，减少代码冗余。不过需要注意的是，在使用归一化样式时，一定要谨慎，确保不影响已有的样式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！