前端CSS，HTML

1.页面布局
水平居中  
1.margin:auto; 页面没有滚动条 有滚动条用fixed

2
fixed 和 absulte  的区别

两栏布局： 一般用于后台管理系统
用到float 
不固定的用到 overflow:hidden

双飞翼布局 圣杯布局
自适应的部分一定要添加 overflow:hidden
可以应用浮动实现
为啥加上overflow:hidden 可以触发BFC

那么哪些可以触发BFC(块级格式化上下文)
BFC渲染规则 bfc计算高度时浮动的元素也参与计算

高度塌陷？
子元素浮动，父元素高度没有了   
如何解决 父元素用overflow:hidden 解决

after 
div.after 出现在div的内容的后面

flex 弹性盒 
justify-content  与justify-item的区别

rem 与 vm 转换
rem 根据html中的font-size进行换算
em是根据父元素的font

IE6兼容
双边距 display :inline

height 高度低于16px 全都转换陈16px-size进行换算
高度默认的解决： 1.font-size:0 ; 2.overflow:hidden

*ie6不支持，换成_
插入图片 默认向下撑大3px ：解决：display:block; (全部浏览器都有效)
vertical-align:top;

IE 浏览器 用 a标签引入图片会出现边框 解决：border:none;

图片如何水平垂直居中
方法一：
 

    

             

    

             

方法二：弹性盒子 div {             display: flex;             align-items: center;             justify-content: center;             width: 500px;             height: 500px;             background-color: green;             text-align: center;             border: 1px solid black;         }

方法三：定位。。。。

内容多的左对齐，内容少的时候居中

因为内容多的时候 P标签知道自己的宽度，可以使用自己的对齐方式，不清楚时使用父元素的
   div {
            text-align: center;
        }
        
        p {
            display: inline-block;
            text-align: left;
        }
 

        

内容少居中，内容多左对齐

    

多行文本显示省略号
  div {
            text-alig