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;
图片如何水平垂直居中
方法一:
方法三:定位。。。。
内容多的左对齐,内容少的时候居中
因为内容多的时候 P标签知道自己的宽度,可以使用自己的对齐方式,不清楚时使用父元素的
div {
text-align: center;
}
p {
display: inline-block;
text-align: left;
}
内容少居中,内容多左对齐
多行文本显示省略号
div {
text-alig