<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>浏览器默认样式</title>
        <style type="text/css">
            .box{
                width: 100px;
                height: 100px;
                background-color: red;
            }
            
            p{
                background-color: yellow;
            }
            /* 
                浏览器为了在页面中没有样式时,也可以有一个较好的显示效果
                    所以为很多元素都设置了一些默认的margin和padding
                    而他的这些默认样式,正常情况下我们是不需要使用的.
                    
                所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉
                
             */
            
            /* 
                清除浏览器默认样式
             */
            *{
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    <body>
        <div class="box">
            
        </div>
        <p>这是p标签</p>
        <p>这是p标签</p>
        <p>这是p标签</p>

    </body>
</html>
posted on 2021-06-30 19:52 leiyanting 阅读(70) 评论(0) 收藏举报
刷新页面返回顶部
导航
