CSS
文章平均质量分 96
CSS学习与实践
codingOrange
学而不思则罔,思而不学则殆。
展开
-
浅析 CSS 中的边距重叠
边距重叠是什么在说边距重叠之前,先以正常的思维来考虑如果你现在是浏览器引擎遇到这种情况应该怎么办?现在有两个元素 div1 和 div2 紧挨着,中间没有它元素,它们的外边距就会发生重叠。div1 在左,div2 在右,div1 的 margin-left 为 20px, div2 的 margin-right 为 30px,那两个元素应该距离多少呢?50px 吗?应该不是的,如果是 50p...原创 2020-04-23 23:42:25 · 589 阅读 · 0 评论 -
浅析 BFC
文章目录浅析 BFCBFC 的原理是什么(BFC 的渲染规则)如何创建 BFCBFC 规则验证及应用规则一 BFC 区域内的元素外边距会发生重叠规则二 BFC 区域的元素不会与外部的浮动元素重叠规则三 计算 BFC 区域的高度时,浮动元素也参与计算(应用:清除浮动)规则四 BFC 区域就相当于一个容器,内部的元素不会影响到外部,同样外部的元素也不会影响到内部(应用:消除边距重叠)规则五 BFC 区...原创 2020-04-21 17:03:18 · 463 阅读 · 0 评论 -
CSS布局--inline-block 布局
布局其实就是想办法怎样将一些元素横向的排列起来,纵向由于块级元素的存在会自动占据一行。inline-block 元素会占据一行而且可以调整宽高很适合将这些元素排列在一行,而且使用 inline-block 元素排列没有清除浮动这样的问题。但是,使用 inline-block 布局两个元素之间会有一个空白间隙,下面一起来看一下。html代码<div class="container...原创 2020-01-04 10:20:42 · 491 阅读 · 0 评论 -
CSS注意点
1. height: auto; 和height: 100%;的区别height: 100%;表示高度和父盒子的高度一样height: auto;表示高度随自身宽度的改变而改变2. 清除很多边框中最外维边框的小技巧下图蓝色的是由li标签生成的盒子边框,它的父元素(ul)是红色的盒子,它的爷爷(div)是黄色的盒子。如果红盒子的宽度比黄盒子小的话,蓝盒子一排是不能够排...原创 2019-06-05 19:26:11 · 171 阅读 · 0 评论