浏览器默认样式

浏览器在页面中没有样式时，也可以让页面有一个比较好的显示效果，所以为很多的元素都设置了一些默认的margin和padding，而这些默认样式在正常情况下不需要使用，所以我们往往在编写样式之前需要将浏览器中的默认margin和padding统统去掉

可以看到下图中 浏览器给的默认margin=16

 

去除所有的margin、padding可以用*{}

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6         <script type="text/javascript">
 7             
 8         </script>
 9         
10     <style type="text/css">
11         .box1{
12             width: 10px;
13             height: 10px;
14             background-color: aqua;
15             padding: 0px;
16             margin: 0px;
17         }
18         ul{
19             margin: 0px;
20             padding: 0px;
21         }
22         *{
23             margin: 0px;
24             padding: 0px;
25         }
26     </style>
27        
28     </head>
29     <body>
30         <div class="box1"></div>
31         <p>123</p>
32         <p>123</p>
33         <ul>
34             <li>无序列表</li>
35             <li>无序列表</li>
36         </ul>
37     </body>
38 </html>

 

posted @ 2019-07-17 21:14  zuiaimiusi  阅读(238)  评论(0)  编辑  收藏  举报