html小规则

因为html刚开始是有默认样式的

所以我们需要把它们给清空

样式初始化

<style> 

*{margin:0;padding:0;}//  *表示通配符，选中所有的标签

body,dl,dd,dt,p,h1,h2,h3,h4{margin:0;}

ol,ul{margin:0;padding:0;list-style:none;}//  list-style:none清除小圆点

a{text-decoration:none;diaplay:block;color:inherit;}//text-decoration:none;清除下划线；color:inherit;表示继承父亲的字体颜色

<:/style>

（css的样式是会覆盖的，从上到下执行，在同等优先级下，如果样式发生冲突，下面的会覆盖上面的）

与弹性盒子模型（display：flex）相搭配的是justify-content:space-between;

(flex为css3的属性，可以使子元素设置宽高，又可以横排展示还可以不解析空格)

(justify-content:space-between与flex是配套的，使子元素可以平均分配剩余空间)

display:none; 隐身衣(隐藏元素，直接在页面中消失，不会占位置)

display:block;趴了别人的隐身衣(显示，让原来的元素显示出来)

外边距合并

<!-- 命名规范
   1. 名字尽量用英文小写字母可以包含字母,数字,中划线( - ),下划线( _ ) 不能以数字开头
      
   2. 小驼峰 第一个字母小写    后面单词的首字母大写（helloWorld）
   
   3.用连接符号（hello-world）
   
   4. 见名知意 比如
               <li id="c2">
                  <p class="c2-p"></p>
               </li>
-->