盒子的尺寸和默认样式

一、盒子的尺寸

        默认情况下，盒子可见框的大小由内容区、内边距和边框共同决定

                 box-sizing 用来设置盒子尺寸的计算方式（设置width和height的作用）

                   可选值：

                    content-box  默认值  宽度和高度用来设置内容区的大小

                    border-box   宽度和高度用来设置整个盒子可见框的大小

                  width和height 指的是内容区和内边距和边框的总大小

二、默认样式

        通常情况，浏览器都会为元素设置一些默认样式

             默认样式的存在会影响到页面的布局

             通常情况下在编写网页时必须要去除浏览器的默认样式（pc端的页面）

*{

            margin:0;

            padding: 0;

  }

 

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

         reset.css 直接去除了浏览器的默认样式

         normalize.css 对默认样式进行了统一

<link rel="stylesheet" href="./css/reset.css">

 重置样式表可以去网上找，我也不知道怎么把我的放到这里！！！