摘要: 一、外边距合并 当上下相邻的两个块元素相遇时,如果上面的元素有下外边距margin-bottom,下面的元素有上外边距margin-top,则他们之间的垂直间距不是margin-bottom与margin-top之和,而是两者中的较大者。这种现象被称为相邻块元素垂直外边距的合并(也称外边距塌陷)。 阅读全文
posted @ 2020-10-11 11:30 xiaochong123 阅读(196) 评论(0) 推荐(0)
摘要: 1.层叠性:多种css样式的叠加 原则: 1.样式冲突时遵循 就近原则,哪个样式离结构近,折行哪个 2.样式不冲突时,不会层叠 口诀:长江后浪推前浪,前浪死在沙滩上 2.继承性:子标签会继承父类的某些标签,如文本颜色和字号 注意: 1.前档的使用继承可以简化代码,建简化css样式的复杂度 2.子元素 阅读全文
posted @ 2020-10-11 10:58 xiaochong123 阅读(151) 评论(0) 推荐(0)
摘要: 1.font系列 font-style: italic; font-weight: bold; font-size: .8em; line-height: 1.2; font-family: Arial, sans-serif; font:font-style font-weight font-si 阅读全文
posted @ 2020-10-11 10:51 xiaochong123 阅读(87) 评论(0) 推荐(0)
摘要: 双飞翼布局:为了实现一个两侧宽度固定,中间宽度自适应的三栏布局。 实现思路: 1.首先创建一出dom文档结构如下: 1 <div class="container"> 2 <div class="center"> 3 <p>主体内容区</p> 4 </div> 5 <div class="left" 阅读全文
posted @ 2020-10-11 10:11 xiaochong123 阅读(139) 评论(0) 推荐(0)
摘要: 圣杯布局:都为了实现一个两侧宽度固定,中间宽度自适应的三栏布局。(中间先加载渲染) 实现思路: 使用float布局框架 , 用margin为负值 , position: relative定位优点 (1)兼容性好,兼容若有主流浏览器,包括万恶的IE6 (2)可以实现主要内容的优先加载 实现代码如下: 阅读全文
posted @ 2020-10-11 09:35 xiaochong123 阅读(112) 评论(0) 推荐(0)
  //雪花飘落效果