donghe_z的博客

字体属性 1.font-size 浏览器状态下默认字体大小为16px，最小为12px （当字体大小为负值时，浏览器显示大小为16；当字体大小为正值但小于12时，浏览器大小为12；当字体大小为0，浏览器显示为没有字） font-size：2em（浏览器实际显示大小为32px） 2.font-style font-style:oblique或italic（字体倾斜） 3.font-weight...

Box Formatting Context Box：css布局的对象和基本单位 Formatting Context（决定盒子如何渲染的文档）：元素的类型和display属性会决定Box的类型。不同类型的Box，会参与不同的Formatting Context ps：Box内的元素会以不同方式渲染： 1.block-level box（块元素）:display属性为block，list-ite...

如何让子元素在父元素中垂直水平居中 1.已知子元素的高度和宽度 设置子元素为绝对定位，left为50%，top为50% 为父元素开启定位，是父元素为子元素的包含块，开启后子元素的left和top就参照于父元素的width和height（否则子元素的left和top就参照于包含块HTML的width和height移动） margin-top为-50px，margin-left为-50px ...

清除浮动（让浮动的子元素撑开父元素） 1.对父元素加高度height 扩展性不好 2.开启父元素的bfc区域： float不为none overflow不为visible position为absolute或fixed display为inline-block，flex，table-cell，table-caption，inline-flex 3.设置HTML属性，添加一个br标签： <...

###定位 1.定位元素参照于包含块来定位（均会覆盖原来文档流的元素） 相对定位relative：相对与原来自身位置移动，元素并没有脱离文档流，原来的位置让仍然保持 绝对定位absolute：相对于其自身相邻的开启了定位的祖先元素进行定位的，如果其祖先元素均没有开启定位，则相对浏览器进行定位。 脱离文档流 固定定位fixed：相对于浏览器窗口定位，固定定位不随滚动条滚动。 脱离文档流。 2.什么是...