分类
默认

响应式布局的常用方案

media-query,根据不同的屏幕宽度设置根元素 font-size rem,基于根据元素的相对单位 vh … 继续阅读响应式布局的常用方案

分类
默认

rem 是什么

rem 是一个长度单位 px, 绝对长度单位,最常用 em, 相对长度单位,相对于父元素,不常用 rem,相对 … 继续阅读rem 是什么

分类
默认

line-height 如何继承

写具体数值,如 30px,则继承该值(30px,好理解) 写比例,如 2,1.5,则继承该比例(1.5*16p … 继续阅读line-height 如何继承

分类
默认

居中对齐的实现方式

水平居中 inline 元素:text-align:center block 元素:margin:auto a … 继续阅读居中对齐的实现方式

分类
默认

absolute 和 relative 定位

relative 依据自身定位 absolute 依据最近一层的定位元素定位(relative absolut … 继续阅读absolute 和 relative 定位

分类
默认

flex 布局

常用容器语法 flex-direction(显示方向): row | row-reverse | column … 继续阅读flex 布局

分类
默认

float 布局

圣杯布局 双飞翼布局 圣杯布局和双飞翼布局的技术总结 使用 float 布局 两侧使用 margin 负值,以 … 继续阅读float 布局

分类
默认

BFC 理解与应用

BFC:一块独立渲染的区域,内部元素的渲染不会影响边界以外的元素。 形成BFC的常见条件: float 不是n … 继续阅读BFC 理解与应用

分类
默认

margin 负值问题

margin-top 和 margin-left 负值,元素向上、向左移动 margin-right 负值,右 … 继续阅读margin 负值问题