浏览器的默认样式
通常情况下浏览器都会为元素设置一些默认样式
默认样式的存在会影响到页面的布局,通常情况下编写网页时必须要去除浏览器的默认样式。(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>