今天是前端学习的第四天，每天总是只能留下一点时间写点文字在我的博客上面；甚至都没来得及放一张图片上去。今天在昨天选择器以及权重的基础上讲了CSS常用的一些样式，导航栏的实现原理以及过程
最重要的是学习了CSS中比较重要的几个概念：内边距、外边距、浮动以及清除浮动；首先在介绍CSS样式边距的时候我们需要了解一个概念，在CSS中HTML元素按照类型可以分为：
行内元素，特点为不独占一行；宽高设置无效 由其内容决定具体的宽度和高度。典型的标签为a标签。
块级元素，独占一行；宽高设置有效；典型的为p标签，可以使用margin:auto 来设置块级元素的水平居中
行内块元素 。不独占一行，但拥有块元素的一些特性；可以设置宽高 如：input
这三种类型的元素都可以通过其自身的display属性来更改其元素的类别，但一般不退使用#classrom
还讲了比较重要的盒子模型及其内外边距的设置；内边距都是相对于其所指定的父元素之间的间隙；外边距是每个元素和兄弟元素的边距‘
此外比较重要的就是提到了margin-top会导致父元素塌陷的bug，我们一般通过以下几种方式来设置；
1.给父元素添加边框
2.在父元素中设置paddingg ，但一般不推荐这样做；因为这样会把父元素撑大
3.通过在兄弟素的overflo:hidden 改变文档的内置结构；从而避免这个问题很多
浮动：浮动是每个HTML标签都有的属性；浮动分为左浮动，右浮动。浮动是使所选择元素独立于普通文档元素；构成一个特殊的文档流
当浮动之后我们可以将一个列表的列表项水平排列，并且脱离了普通文本流；
在浮动之后
1.，我们可以给元素的兄弟元素加上html标签
2.使用伪元素来对浮动元素的父元素的标签
使用HTML标签清除浮动时，需要将这个标签的clear属性设置为both
需要注意的是：在使用伪元素清除浮动时需要放在父容器中。并且伪元素的样式中content属性要进行设置 一般为""（空字符串）
设置display属性为block然后使用clear：both进行清除浮动
另外行内元素(inline)在设置margin和padding时只有水平方向会产生效果，垂直方向无效