- 使用display:none;可以将元素隐藏，元素将彻底放弃为止，如同没有其它的标签一样；
- 使用visibility:hidden;也可以将元素隐藏，但是元素不放弃自己的位置；
- 行内元素和块级元素的相互转换
- display:block;即可将元素 转为 块级元素
- 使用display:Inline;即可将元素转为 行内元素，将元素转为行内元素的应用不多见
- 使用 display:inline-block;即可将元素转为 行内块
- display属性
-
块级元素：不可并排显示，可设置宽，可自动撑满，eg: div section header、H系列、li、ul等； -
行内元素：可并排显示，不可设置宽，不可自动撑满 eg: a、span、em、b、u、i等 -
行内块：img 表单元素，可以设置宽高，可以并排；
5.盒模型 box-sizing:将盒子添加了box-sizing:border-box; 之后，盒子的width\height数字就表示 盒子实际占有的宽高（不含margin），即 padding、border变为“内缩”的，不再“外扩”
6.盒模型计算 父盒子：width：400px； height：300px； padding：10px； border:2ps solid blue;
7.margin的缺陷：竖直方向的margin有塌陷现象：小的margin会塌陷到大的margin中，从而margin不叠加，只以大值为准！（竖直方向的margin 合并 以大值为准） 8.一些默认的元素有默认的margin，比如：body ul p等，在开始制作网页时需要将他们清除 *{ margin:0; padding:0; } 通配符选择器
盒子水平居中： .box{ margin:0 auto; } 文本居中是text-align:center; 盒子的垂直居中，需要使用绝对定位技术来实现 9.padding：内边距； padding-top padding-bottom padding-right padding-left
padding:10px 20px 30px 40px;上 右 下 做 padding:10px 20px 30px; 上 左右 下 padding:10px 20px； 上下 左右
padding：40px 40px 0; 也可以用：padding：40px； padding-bottom：0； 用小属性层叠大属性；
10.BFC规范 Box Formatting Context 块级格式化上下文，是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然；
