摘要: 一、额外标签法(在最后一个浮动元素的后面新加一个标签如<div class="clear"></div>,并在其CSS样式中设置clear: both;) 二、给父级设置高度 三、触发父BFC(如给父元素设置overflow:hidden,特别注意的是:在IE6中还需要触发hasLayout,例如给 阅读全文
posted @ 2019-11-28 14:53 他她 阅读(864) 评论(0) 推荐(0) 编辑
摘要: 一、水平居中 若是行内元素,则直接给其父元素设置text-align: center即可 若是块级元素,则直接给该元素设置margin: 0 auto即可 若子元素包含浮动元素,则给父元素设置width:fit-content并且配合margin 使用flex布局的方式,可以轻松实现水平居中,即使子 阅读全文
posted @ 2019-11-28 14:34 他她 阅读(1148) 评论(0) 推荐(1) 编辑
摘要: 选择器(优先级从高到低) 示例 特殊性值 !important(重要性标识) div { color: #fff !important; } 无,但为了方便记忆,可将其表示为1,0,0,0,0 行内样式 <div style="color: #fff;"></div> 1,0,0,0 id选择器 # 阅读全文
posted @ 2019-11-28 14:16 他她 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 我们知道,在移动端存在物理像素(physical pixel)和设备独立像素(density-independent pixel)的概念。物理像素也称为设备像素,它是显示设备中一个最微小的物理部件,每个像素可以根据操作系统设置自己的颜色和亮度。设备独立像素也称为密度无关像素,可以认为是计算机坐标系统 阅读全文
posted @ 2019-11-28 14:14 他她 阅读(129) 评论(0) 推荐(0) 编辑