Loading

摘要: <div class="father"> <div class="son"></div> </div> <style> .father { width: 300px; height: 300px; border: 1px solid #000; position: relative; } .son 阅读全文
posted @ 2018-04-08 15:34 澎湃_L 阅读(417) 评论(0) 推荐(0) 编辑
摘要: 1、一列固定宽度且居中 2、两列左窄右宽 3、通栏平均分布 阅读全文
posted @ 2018-04-08 15:25 澎湃_L 阅读(1082) 评论(0) 推荐(0) 编辑
摘要: 情景:块元素和行内元素使用浮动以后,模式会发生什么变化? 结论:块元素使用浮动,会默认转换成行内块元素,行内元素使用浮动,会默认转换成行内块元素。 【注意】通过以上的设置,可以实现为行内非替换元素设置宽高及内外边距。但是替换时,还需要注意转换为块级元素只是float副作用,他们本身的作用还会干扰布局 阅读全文
posted @ 2018-04-04 11:13 澎湃_L 阅读(1115) 评论(0) 推荐(0) 编辑
摘要: 情景:两个盒子,第一个盒子设置100px的下外边距,第二个盒子设置200px的上外边距,试问两个盒子相差多少px? 最终的答案是200px,取较大值,而不是想加等于300。 阅读全文
posted @ 2018-04-03 15:31 澎湃_L 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 有两个div,里面各有文字1和文字2,如何实现文字1和文字2的距离,可以使用高度剩余法。 阅读全文
posted @ 2018-04-03 15:24 澎湃_L 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 问题:大盒子div下面有一段小盒子span标签包含的文字,怎么使其居中显示? 第一种方法大盒子text-align: center 第二种方法大盒子box 用 padding-left/padding-right,同时调整大盒子宽度,使大盒子宽度不变 注:50px是随便取得值,具体的值需计算。 第三 阅读全文
posted @ 2018-04-03 09:50 澎湃_L 阅读(13429) 评论(0) 推荐(0) 编辑
摘要: 问题:子盒子设置上外边距,父盒子会随着子盒子塌陷,嵌套块元素垂直外边距合并 <style> *{ padding: 0; margin: 0; } .father { height: 500px; width: 500px; background: rgb(184, 184, 167); } .so 阅读全文
posted @ 2018-04-01 18:06 澎湃_L 阅读(4609) 评论(0) 推荐(0) 编辑
摘要: ★方位值只写一个的时候,另外一个值默认居中 ★写2个方位值的时候,顺序没有要求。 ★写2个具体值的时候,第一个值代表水平方向,第二个值代表垂直方向。 5、Background-attachment 背景是否滚动 scroll | fixed 阅读全文
posted @ 2018-03-20 00:34 澎湃_L 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 一、状态: 二、注意点: a:link{属性:值;} a{属性:值}效果是一样的。 样式的书写最好按照一定顺序 阅读全文
posted @ 2018-03-20 00:30 澎湃_L 阅读(1292) 评论(0) 推荐(0) 编辑
摘要: 一、层叠性 当多个样式作用于同一个(同一类)标签时,样式发生了冲突,总是执行后边的代码(后边代码层叠前边的代码)。 和标签调用选择器的顺序没有关系。 二、 继承性 继承性发生的前提是包含(嵌套关系) 继承性发生的前提是包含(嵌套关系) 总结:文字的所有属性都可以继承。文字颜色color可以继承;文字 阅读全文
posted @ 2018-03-20 00:28 澎湃_L 阅读(150) 评论(0) 推荐(0) 编辑