摘要：有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了盒子模型(Box Model)： 阅读全文

摘要：元素隐藏方法： 1.display:none; 2.opacity:0; 3.visibility:hidden; 4.position:absolute;left:无穷大 方法1,2,3的区别: 1.空间占据 display:none 隐藏后不会占据额外的空间，但是它会产生回流和重绘 opacit 阅读全文

摘要：块级元素： 1.display为block 2.会独占一行，导致换行 3.可以设置宽高 4.margin外边距设置都有效 5.padding内填充都有效 6.可以容纳行内元素和块级元素，也可以容纳内联元素和其他元素 7.两者可以通过display来互相转换 8.举例：div p h1-h6 tabl 阅读全文

摘要：1.固定定位 通过固定的值来进行居中定位 2.position+定位 1 position:absolute; 2 left:50%; 3 top:50%; 4 margin-left:元素宽的1/2 5 margin-top:元素高的1/2 3.flex布局 display:flex; justi 阅读全文