摘要:
1. 塌陷现象(子元素设置margin-top, 父元素会塌陷) 下面例子,此时子元素其实和父元素的距离是0,离父元素的兄弟节点才是100px 触发父元素的bfc, overflow: hidden, border : 解决方案1:父元素设置透明的 border: 1px solid transpa 阅读全文
摘要:
规则1: 最近的祖先样式比其他祖先样式优先级高 规则2:"直接样式"比"祖先样式"优先级高。 规则3:如果优先级相同,则选择最后出现的样式。 规则4:!important a: 优先级最高,如果同时出现,那么按照一般规则计算优先级。 b: !important样式如果被子类继承,子类自会继承样式,不 阅读全文
摘要:
<body> <div class="p"> <div class="c"> 垂直居中 </div> </div> </body> 红色字体的是关键的实现 1. 使用flex(最优方案): 父元素设置样式: .p { display: flex; align-items: center; justi 阅读全文
摘要:
1、介绍一下标准的CSS的盒子模型? css盒子包括: 内容(content)、内边距(padding)、边框(border)、外边距(margin); 最外面橙色的就是外边距区域(margin area ), 往里黄色的是边框区域(border area), 再往里的绿色的是内边距区域(paddi 阅读全文