css

,说明,1、主要用户使用高版本浏览器比较多，从高版本浏览器到低版本浏览器，先构建完整的功能。,然后测试和兼容低版本浏览器，以确保正常浏览。,2、优雅降级认为网站应该为高级、完美的浏…

,说明,1、minmax()函数来创建行或列的最小或尺寸。,2、第一个参数定义网格轨道的最小值，第二个参数定义网格轨道的值。,可以接受任何长度值，也接受 auto 值。auto 值…

,说明,1、怪异盒设置的width/height不仅包含了content盒子内容的宽度/高度，还包含了padding和border的宽度/高度。,2、一个块的总宽度= width …

,说明,1、position的新属性sticky，在屏幕范围内(viewport)设置sticky元素时，该元素的位置不会受到定位的影响。,(设置为top、left等属性无效)，当…

,说明,1、如果一侧定值，包括不设定值取默认值0的情况，一侧auto，则auto为剩余空间大小。,2、如果两侧均是auto，则平分剩余空间。,实例,以上就是css margin:a…

,说明,1、repeat()属性可以创建重复的网格轨道。这个适用于创建相等尺寸的网格项目和多个网格项目。,2、repeat()也接受两个参数：第一个参数定义网格轨道应该重复的次数，…

,说明,1、对于一个元素不确定宽度和高度，但是想按照一定的比例来显示，可以用padding来计算高度。,2、通过父元素的width属性，padding可以设定百分比，从而动态地确定…

,说明,1、这个元素并不脱离文档流，仍然保留着元素在文档流中的原始位置。,2、当元素在容器中滚动超过指定偏移值时，元素固定在容器的指定位置。,也就是说，如果你设置了top:50px…

,说明,1、box-shadow支持逗号分隔语法，可以创建任意数量的投影。,当一个正值的扩展半径加上两个零偏差和零模糊值时，得到的投影就像一个实线框。,2、投影不会影响布局，也可以…

,水平居中还是比较容易的，先看子元素是固定宽度还是宽度未知。,1、固定宽度这种方式是绝对定位居中，除了使用margin，还可以使用transform。,（注意浏览器兼容性，只适用于…

,说明,1、固定定位是元素固定在浏览器可视区的位置。固定定位也可以算是一种特殊的绝对定位。,2、使用场景为当浏览器页面滚动时，元素的位置不会改变。,固定定位的特点,实例,以上就是c…

,说明,1、浮动元素会从普通文档流中分离出来。,但浮动元素不仅会影响自己，还会影响周围元素的对齐。,2、无论是行内元素还是块级元素，如果设置了浮动，浮动元素就会产生块级框。,可以设…