css 去除默认样式的js

在进行Web开发时，我们经常会遇到浏览器的默认样式干扰我们布局的情况。这时候，我们需要使用CSS去除这些默认样式。

如果我们想要去除一个元素的默认样式，我们可以使用以下CSS：

    element {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
    }

这个CSS代码块可以将元素的边距（margin）、内边距（padding）、边框（border）以及字体大小等默认样式都去除。

但是，如果我们想要去除整个Web页面的默认样式，我们就需要使用JavaScript了。下面是一个使用JavaScript去除默认样式的示例代码：

    document.addEventListener('DOMContentLoaded', function() {
            var style = document.createElement('style');
        style.innerHTML = '* {
     margin: 0;
     padding: 0;
 }
    ';
            document.head.appendChild(style);
    }
    );
    

这个代码会在DOM加载完成后，为整个Web页面加入一个style标签，并将其内容设置为去除所有元素的边距和内边距。

需要注意的是，这个方法不会去除所有的默认样式，比如字体大小和颜色等还需要我们手动设置。

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