CSS的基本认识

几个认识：

一般行内元素是在同一行横向排列的；；；块级元素元素会占满整个一行，总是换行，在页面中竖向排列。【但是可以设置display，改变块或行元素原来的属性,display:inline(块改成行)，display:block(行改成块)】

注意1：disPlay:inline-block,（此时是既具有行元素的横向排列，又具有块元素的可设置宽高等）

注意2：disPlay:none,(隐藏元素，一些设置的属性也会隐藏)

常见的块内元素：<div> <p> <h1> <form> <ul> <li>和h5新增的一些标签（header、section、footer）等标签。

常见的行内元素：<span> <a> <label> <input> <stong> <img>的是行内标签。

CSS3特殊部分：新增display:flex  或display:inline-flex 使元素为弹性盒子，是一个全新的布局方式,也分为块级和行内级，（块级和行级）基本思想是一样的。

盒子浮动：顾名思义，浮动就是可以是元素相互叠加，

属性：float,默认是none,如果设置left、right,元素就会向其父元素左侧或右侧靠近，一旦设置浮动，这个文档就会是3D了，被设置的元素就不会当做下一个元素布局的参照了，（相当于被设置元素被他后面的元素抛弃了，但被设置元素之前的元素都是正常的，（相对于被设置元素也是正常的）），，，此时被设置元素的下一个元素可能会受到影响（被盖住等等）如果不想受影响，此时可以设置下一个元素clear（清除浮动）