《总结的知识点》

开发工具与关键技术：知识点
作者：黄姗姗
撰写时间：2019.2.15

设置一条直线可以用高宽.背景颜色。
或用边框都可以，用边框设置一条直线在上边就用top值下边就是bottom。
设置边框直线的简写：宽度 样式 颜色
盒模型(边框 内边距 外边距)
一 边框(border)：比如一个盒子，边框就是给盒子的上右下左设置样式。

二 内边距(padding)：主要就是给盒子里面设置距离，盒子跟内容的一个距离,设置距离之后盒子还会变大。

三 外边距(margin)：盒子跟盒子的一个距离,让一个盒子居中也是用外边距，用一个小技巧:margin: 0 auto，就能让盒子居中的状态。

1.为什么设置的图片没有紧紧的挨着浏览器的上面？是因为body元素自带了样式。

但我们不需要这个样式要怎么去掉呢？通过一个符号就可以，去掉后图片就可以紧挨着上面

2.图片为什么会重复出现呢？因为设置了内边距就会把它撑大，撑大之后图片就会重复的显示，不想它重复出现，不但要调整左右边距，高度宽度也要调整。

3.记住：这个是用宽高设置的。


a标签没有根据宽高是因为它是行内元素。改为块级元素就好了
设置|竖线的样式，i标签是行内元素可以用定位来调整位置。


这个样式是设置转换图片，转为第一张图片的样式，还需要设置top值定位：

4.要注意群众的问题，写错了效果肯定没有效果出来的。


5.当页面设置了公用的样式效果出来不一致，是因为用了公用样式，群众相同的时候会覆盖掉的，就没能达到效果出来，有两种方法，第一，就是不要公用样式，重新再设置，第二，想用公用样式就要把群众调整好还有样式。比如以下是设置居中的样式，调整方法的样式。1.2