摘要：第一个值设置宽度，第二个值设置高度。背景图像的某些部分也许无法显示在背景定位区域中。把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。 percentage 以父元素的百分比来设置背景图像的宽度和高度。 第一个值设置宽度，第二个值设置高度。 如果只设置一个值，则第二个值会被设置为 auto。 cover 把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。 背景图像的某些部...
摘要：预处理器可以让你设置变量，并且在函数循环和数学操作等中使用。不同之处在于变量是运行在浏览器中的动态属性，而预处理器变量会被编译成普通的代码。变量提供了更多可能性但这并不是说你需要在二者之间选择其一你可以同时使用变量和预处理器变量的强大功能。 CSS预处理器，如Sass和Less，使得CSS代码易于组织和维护。通过提供变量、混合、循环等特性，使得CSS具有动态编写的能力，从而减少重复性工...
摘要：包裹性所谓包裹性，其实是由包裹和自适应两部分组成。官方对属性的解释是元素盒子的边不能和前面的浮动元素相邻。清除高度塌陷的问题在上面的章节中，如果子元素设置浮动属性，则父元素就会出现高度塌陷的问题。 float属性是CSS中常用的一个属性，在实际工作中使用的非常多，如果使用不当就会出现意料之外的效果。虽然很多人说浮动会用就行、浮动过时了，但是对于优秀的前端开发人员，需要有刨根问底的精神，...
摘要：实际上是谁在文件中，权重相等，声明在后面，那么最终就应用谁解释上面的说明大致意思就是，如果两个选择器的声明权重相等，那么谁在后面，最后就应用谁。 上代码 .yellow { background: yellow; } .red { background: red; } 这个区域渲染出来是什么颜色呢？红色？ 黄色？ 答案是红色 不知道有多少人和我有一样的误区，一直以为...
摘要：解决的问题圣杯布局和双飞翼布局解决的问题是一样的，就是两边定宽，中间自适应的三栏布局，中间栏要在放在文档流前面以优先渲染。 解决的问题 圣杯布局和双飞翼布局解决的问题是一样的，就是两边定宽，中间自适应的三栏布局，中间栏要在放在文档流前面以优先渲染。 圣杯布局 圣杯布局dom结构： 圣杯布局 ...
