境界线上的地平线

使用过Sass、Less等CSS预处理器的人都知道这些语言都可以声明变量来使用。使用变量的方便之处:一是语义化，通过变量名可以更明确地知道其代表的含义二是复用性，通过变量来管理，在后期维护上更加方便，尤其是配色上CSS中的变量使用在CSS中也可以使用变量，通过自定义属性声明--prop: value;，通过var(--prop)来使用。.example { -...

浮动清除浮动浮动浮动 float 就是将一个 HTML 元素脱离标准流，在其标准流所在位置向左或向右到达其容器的边界，或者前一个浮动元素（如果有的话）的边界。浮动最早是用来控制图片，以便达到其他元素（特别是文字）实现环绕图片的效果。后来，我们发现浮动有个很有意思的事情：就是让任何盒子可以一行排列,因此我们就慢慢的偏离主题，用浮动的特性来布局了。使用时需要注...

margin 与 padding 设置为百分比之前一直认为 margin-top 和 margin-bottom 设置百分比以父容器的高度计算，而 margin-left 和 margin-right 设置百分比以父容器的宽度计算，直到今天群里一个群友问 boostrap 中的栅格系统是如何设置 margin-top 百分比以宽度计算的?原因是他发现设置的 margin: 10%...

首先是二者的区别:nth-child(n) 是选择父元素的第n个子元素。 :nth-of-type(n) 是选择父元素的第n个同类型的子元素举个例子： <div> <h1>title1</h1> <p>paragraph1</p> &l