概念 1、flex-basis指定了flex元素在主轴方向上的初始尺寸。 2、如果不使用box-sizing来改变盒子模型，则该属性决定了flex元素内容盒的宽度或高度(取决于主轴的方向)的大小。 语法 /*Specify<...

1、flex-direction设置主轴的方向 即项目的排列方向。 flex-direction:row|row-reverse|column|column-reverse; 2、flex-wrap 默认情况下，item都排在一条线（又称”轴线”）上。flex-wrap属性...

使用说明 1、padding在元素中增加了内部间距。其目标可根据使用情况而变化。 2、垂直padding不适用于有display:inline的元素，如果添加内部边距，不会影响元素，内部边距会覆盖其他内部元素。 ...

概念 1、使用Flex布局的元素称为Flex容器，简称容器。其所有子元素自动成为容器成员，称为Flex项目，简称项目。 2、容器属性有六种，flex-direction等。 flex-direction flex-wrap flex-flow ju...

模块说明 1、为了创建一个有行和列的布局，Grid模块增加了18个新的CSS属性。grid-gap属性可用于CSS网格可以很容易地在列和行之间增加间距。这是行和列之间的简称。 2、网格中的元素可以放置在任...

1、定义一个自定义属性需要使用--开始，然后属性值需要是一个有效的CSS值。像其他属性一样，一个规则集中定义: element{ --main-bg-color:brown; } 使用注意 2、css变量的属性名大小写敏感，--m...

1、内联首屏关键CSS 性能优化有一个重要的指标，第一次有效绘制，即页面的主要内容出现在屏幕上的时间。 内部CSS可以提前浏览器开始页面渲染，因为HTML下载后可以渲染。应该只把渲染首屏内容所...

说明 1、CSS栅格布局带来全新值：fraction，fraction一般简写为fr，可根据需要将容器分成多个块。 2、fraction的单位值可以简单地改变列的宽度。 实例 栅格布局将会把整个宽度分成三个 fraction...

1、px和pt，一个是设备坐标，一个是逻辑坐标，两者不同。 2、pt是绝对单位，1pt=1/72英寸。 px是一个相对单位，一般像素的参考值是：在像素密度为90pdi的显示器上，正常人从距离显示器28英寸的...

px像素(CSS像素) 1、px是pixel的缩写，是像素单位，也是影像显示的基本单位。 2、px是CSS中相对长度的单位，相对于屏幕显示器的分辨率而言的。 CSS像素(CSSPixel)： 又称虚拟像素、设备独立像素...