0
点赞
收藏
分享

微信扫一扫

CSS基础(14)_浏览器的默认样式

其生 2022-03-30 阅读 51
css

浏览器的默认样式

通常情况下浏览器都会为元素设置一些默认样式
默认样式的存在会影响到页面的布局,通常情况下编写网页时必须要去除浏览器的默认样式。(pc端页面)

所有元素的内边距和外边距设为0,列表项风格设为无。
*{
margin:0;
padding:0;
}
ul{
list-style:none;
}

 如果要将所有标签去除掉,这不仅是个人需求,也是同行普遍需求,因此需要重置样式表,将其引入html样式放在最上,方便开发布局。

 重置样式表:专门用来对浏览器的样式进行重置的

 reset.css  直接去除了浏览器的默认样式
 normalize.css  对默认样式进行了统一

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../browser_default_style/reset.css">
     <link rel="stylesheet" href="../css/exercise3.css">
    <title>网易163新闻</title>
</head>
<body>
    <div class="box1">
        <ul>
            <li class="box2">军事</li>
            <li>航空</li>
        </ul>
    </div>
    <div class="box3">
    </div>
    <div class="box4">
        <ul>
            <li>俄罗斯对土耳其发出最后通牒</li>
            <li>台媒自爆:台军f-16v发生意外</li>
            <li>小飞机低空穿越成都城区楼群进展</li>
            <li>彩虹-6无人机将首次亮相珠海航展</li>
        </ul>
    </div>
</body>
</html>

 

举报

相关推荐

0 条评论