1、在保证svg图片可以打开且无损坏的前提下，使用ideal或任意文本编辑工具打开svg图片。 将image标签下的xlink:href="data:img/png;base64, 改成xlink:href="data:image/png;base64 ...

说明 1、min-content、max-content和fit-content是css3的新属性，引用MDN对这三个属性的说明。 2、max-content:元素内容固有的合适宽度。 min-content:元素内容固有的最小宽度。 fit-content:mi...

概念 1、margin是CSS层叠样式表中用来规定围绕在元素边框周围空白区域范围的属性。 语法 margin：auto/length 参数 auto：值被设置为相对边的值 length：由浮点数字和单位标识符组成的长度值 | ...

1、input说明 这个阴影是浏览器生成的。 2、css样式内外阴影设置，分为内外阴影 外阴影：box-shadow: X轴 Y轴 Rpx color; 属性说明（顺序依次对应）： 阴影的X轴(可以使用负值) 阴影的Y轴(可以...

使用说明 1、flex支持排列和排列。排列时，主轴和交叉轴改变了方向，但align-items和justify-content控制的轴线不变，即align-items还是控制交叉轴，justify-content控制主轴。 2、水平方向对齐...

概念 1、Flexbox是flexiblebox的简称(注:灵活的箱容器)，是CSS3引进的新布局模式。 2、决定了要素如何在页面上排列，可以在不同的画面尺寸和设备下预测地表现出来。 特点 （1）在不同的方向上排...

概念 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...