CSS-清除默认样式

文章目录

  • 清除默认样式
    • 1. 说明
    • 2. 示范

清除默认样式

DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>title>
    <style type="text/css">
      * {
        margin: 0;
        padding: 0;
      }
      .box1 {
        width: 100px;
        height: 100px;
        background-color: #bfa;
      }
      p {
        background-color: yellow;
      }
    style>
  head>
  <body>
    <div class="box1">div>
    <p>我是一个段落p>
    <p>我是一个段落p>
    <p>我是一个段落p>
    <ul>
      <li>无序列表li>
      <li>无序列表li>
      <li>无序列表li>
      <li>无序列表li>
    ul>
  body>
html>

CSS-清除默认样式_第1张图片

1. 说明

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

2. 示范

清除浏览器的默认样式

* {
  margin: 0;
  padding: 0;
}

你可能感兴趣的:(css,css,html,前端,web,css3)