Day17清除默认样式

image
第一种京东就是运用通配符一次性全部清除，第二种则是将需要消除样式的标签一个一个输入子在消除，推荐第一个，简单高效

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>清除默认样式</title>
    <style>
        /* 第一种 */
        *{ 
             margin: 0; 
             padding: 0; 
             /* 清除默认样式之后顺便加上盒子的内检模式 */
             box-sizing:border-box;
             /* 这样后面给盒子设置属性时就不会撑大盒子的尺寸，一劳永逸 */
         } 
        /* 但此时列表的项目符号（无序列表的点），还在，只是向左挪了看不到 */
        /* 去掉列表的项目符号 */
        li{
            list-style: none;
        }
    </style>
</head>
<body>
    <h1>hhhhhhhhhhhhhhhh</h1>
    <p>pppppppppppppppp</p>
    <ul>
        <li>l1</li>
        <li>l2</li>
    </ul>
</body>
</html>

image

posted @ 2025-11-10 22:50  冰涿  阅读(6)  评论(0)    收藏  举报