53.尚硅谷_HTML&CSS基础_浏览器默认样式.avi原创

再说一下啊，刚才说了一下这外边距的折叠的一个问题啊，那么刚才呢，没录上是吧，没录上咱们先不管它了，到时候下午再给它补一个，然后咱们再说一个别的，呃，除了这个外边这折叠的话，我们再来看一个问题啊，看一个也是一个挺重要，一个就是也挺重要的，也挺简单一个问题叫什么呢？我们这个默认的一个样式，默认样式什么意思，这里边看着啊，我来一个div div，我来一个class，来一个这个BOX1，然后我这写一个样式style来一个点一个BOX1，来一个100个像素，Hat也来一个100个像素，然后来一个background color，来一个井号BFA，保存CTRL运行，你会发现我这创建了一个100乘以100的这一个方形的这么一个div，但是你会发现什么呢？我这div吧，你看它是不是贴着边的呀，默认是不是有这么一个距离呀，就好像默认是不是就自带了这么一个外边距似的呀，哎，外边距似的，然后再看啊来一个。

P标签诶我是一个这个段落，咱们为了看的清楚一点呢，给它也来一个颜色P标签，来一个background的color，来一个yellow保存咱们这一刷新走你诶你发现我这P标签这也有一个距离是吧？它和这个div之间是不是也有一个距离啊？诶咱们多写几个啊，多写几个P标签来走走保存你刷新，诶你看P标签和P标签之间是不是也有距离啊，好像他们之间都有这么一个外边距似的，而这个边距我有没有设置啊，没有设置来再看来一个什么呢？来一个ulul，里边放的是LY，这叫什么呀？呃，是不是无序列表啊，来走你保存咱们再看一刷新走你发现什么了？诶你看我这无序列表是不是贴着边的，它是是自动有这么一个缩进的效果呀，那你好像什么呀，是不是这一块，它是也有一个这个。

外边距啊，哎，那这个到底是不是啊，或者说这外外边距我有没有设置啊，没有设置，没有设置这东西哪来的呀。诶，那咱们先要确定一下这东西到底是什么吧，那怎么确定啊，来点开我们这个工具干嘛呢？打开我们这个啊，这叫什么呀？查看我们页面元素一选中，我们先看我们这个div，一选它以后，那么我们这是有一个布局啊，点这个布局可以直接看我们当前元素的一个核模型，看我div的核模型。内容区100乘以100内边距有没有边幅块没有，外边距是不是都没有啊？那证明这个距离是div的吗？不是div的，那这距离是谁的呢？那不是div的是不是应该是div的负元素的呀？来往上点一个点一个body，诶点完body以后这是什么？这是我们这个包地的一个什么呀？盒子模型，你来看内容区是一个1333成了一个311，那边距干嘛呀？没有边框没有，但是注意干嘛了，有一个八个像素的四个方向的外边距，但是注意了，这个东西我设置了吗？没有设置，没有设置是哪来的？诶是不是浏览器默认给你加的呀？哎，这东西都是什么呀？浏览器默认添加的样式，再来看我们这个P标签，P标签你看上下是不是都有一个距离啊，这距离我设没设置啊，没设置我们来看看有没有我一选。

他一看核模型，哎哟，上边16是不是下边16啊，哎，那边块还有这个那边距都没有，你会发现他是不是自己就带了一个16个像素的一个。外边距啊，是垂直方向的外边距啊，咱们再来看我们这个无序列表，选中它，我们现在看的是LYLY是不是什么都没有啊，往上找找谁呢？找我们这个6L。哎呦，Ul上下16个像素的什么呀？外边距还有什呀，左边40个内边距还有一什么呀，下边诶这不是这不是八，这是内容区是84，下边是是没有啊，就一个左边的一个内边距，我们发现它是不是都有一些内边距或者是外边距啊呀，那这些都是哪来的。

都是哪来的呀？诶都是浏览器的一个默认样式，所以这块注意我们说浏览器什么呢？诶浏览器为了什么呢？为了在我们这个页面中没有样式时，诶也可以让我们这个什么呀，哎，让我们这个页面有一个比较好的一个什么呀，哎显示效果什么意思呀，他为什么要给我们设置这个东西呀，那我们想想，如果现在咱们就拿这个来说，如果没有这些东西，我们这东西都都应该干嘛的呀，是不是贴到头的呀，然后这个段落和段落之间会不会是不是就会贴的比较紧啊，无需列表，它应该也干嘛呀，是不是也是贴到头的呀？诶那这块读起来干嘛呀，就很费劲，浏览器为什么给我们设置一个默认样式，就是干嘛呀，确保你即使你的页面里边没有样式表，我也可以给你有一个什么呀，有一个基本样式，也就是让你的页面是一个什么呀，基本是可以干嘛的呀，可读的啊，基本可读的，所以。

他给你干嘛了，设置一些默认样式，诶所以注意浏览器为了在页面没有样式时也可以，也可以有一个什么呀，也可以有一个比较好的显示效果，所以什么呢？所以它为很多的这个标签，很多的这个元素都干嘛呢？都设置了什么呀，一些默认的这个margin margin和什么呢？和这个paing啊，默认的margin和paing，但是我们想想这东西我们开发的时候，我用不用啊，我们是不是要用我自己的样式表，我不想用它这个呀，诶那所以这里边我们来说而什么呢？而他的这些默认样式，诶正常情况下我们什么呀，我们是不需要马袋，不需要使用的啊，不需要使用的，所以什么呢？那我们就我们说了，有他们是不是给我们碍事啊，所以我们需要什么呀，哎，所以。

哎，我们往往在什么呢？在编写样式之前需要干嘛呢？需要将我们这个浏览器中的这个默认的这个margin和这个拍顶干嘛呀？诶通通的去掉，哎通通的去掉，那问题就来了，他怎么去呀？哎，比如说我们来看刚才我们看见谁了，我们刚才是不是看到这个body有一个什么呀。Body是不是有一个八个项目的外来剧啊，那这玩意儿好去啊，直接来一什么呀，来一个body body来一个这个Mar来一个什么呀？零保存一刷新走，你是不是贴过去了呀？诶我们看到什么呀，我们看到这个P标间有一个什么呀，有一个这个16个像素一个什么呀，外边距咱们干脆来什么呀，来一个这个呀，P也来什么呀，也来一个marin来什么呀？零我一保存一刷新走，你标签是不是也贴过去了呀？诶刚才我们还看到了UOL是不是还有一个外编距，还有一个什么呀，内编距，那我怎么办呀？诶来一个ul，来一个Mar，丁零再来一个拍丁零是是就行了呀，保存一刷新走，你是不是也去了呀？诶虽然去是去了，但是发现是不是好麻烦呀，我这去了半天，是不是刚去仨呀，那其他的样式有没有可能也有啊，其他标签是不是也可能有啊，这么去你去一辈子是不是也不完。

呀，诶所以那你看我去的都是什么呀，是不是都是margin或者是padding啊，那我么说了，是不是任何的元素我们都不希望有margin还有paing啊，诶那我们有没有一个选择器可以选择任意元素有没有啊？哎，是不是有一个星号啊哎叫做什么呀，我们这个通配符通背显示器，我一来一个星号，是不是所有元素都选中了，哎然后这来什么呀，Mar丁零，再来一个PA定零，那这样什么效果呀，是不是都没了呀？诶都没了，一刷新走，你是不是还是一个效果呀？诶所以一般我们写代码之前都可以加这么一个东西叫什么呀？诶叫做清除我们这个浏览器的一个默认样，诶默认样式，但是主要清的是我们这个marin还有什么呀，开顶，但是我们说了星号这个什么呀，性能不是不是很好啊，不是很好，以后我们还会说一种其他方式，那这种方式我们暂时先这么用啊，去除我们这个浏览器的一个。

默认的一个样式啊，默认样式好，那这块呢，我来停一下。