m0_72898512的博客

（left、top、right、bottom、center） 像素单位数值 百分比。扩展:rotate3d(x, y, z, 角度度数) ：用来设置。圆心位置取值：像素单位数值 / 百分比 / 方位名词。transform: rotateZ(值);transform: rotateX(值);transform: rotateY(值);立体呈现 – transform-style。属性名：transform-style。x，y，z 取值为0-1之间的数字。（位移、旋转、缩放、倾斜）属性：transform。

实现步骤： 1. 绝对定位 2. 水平、垂直边偏移为。弹性盒子的侧轴对齐方式（给弹性容器设置）弹性盒子的侧轴对齐方式（给弹性盒子设置）：灵活地修改样式，例如：尺寸、颜色等。：体积小、渲染快、降低服务器请求次数。Flex 布局也叫弹性布局，是。1. 定位模式：position。的布局模型，非常适合结构化布局，场景：元素的位置在网页滚动时。默认效果：按照标签书写顺序，2. 边偏移：设置盒子的位置。的所有属性，都产生过渡效果），默认情况下，所有弹性盒子都。nowrap：不换行（默认），改变定位元素的显示顺序。

1. 下载：Bootstrap V5中文文档 → 进入中文文档 → 下载 →。注意：浏览器不识别 Less 代码，目前阶段，网页要引入对应的 CSS 文件。Bootstrap 是由 Twitter 公司开发维护的。思考：在px单位转换到rem单位过程中，哪项工作是最麻烦的？= px 单位数值 / ( 1/100 视口高度 )px 单位数值 / ( 1/100 视口宽度 )的vw尺寸 （1/100视口宽度）的vh尺寸 （1/100视口高度）写法：在 less 文件的。解决方案：可以通过Less实现。

width=device-width：视口宽度 = 设备宽度。initial-scale=1.0：缩放1倍（不缩放）缩放调节的分辨率 → 逻辑分辨率（软件/驱动设置）属性名：transform-style。手机屏幕尺寸不同，网页宽度均为100%显示HTML网页的区域，用来约束HTML尺寸。硬件分辨率 → 物理分辨率（出厂设置）1rem = 1HTML字号大小。网页的宽度和逻辑分辨率尺寸相同。纵横向上的像素点数，单位是px。概念：设计稿里面每个元素的尺寸的。等比适配：宽高等比缩放。空间内，转换元素都有自已。

先写旋转，则后面的转换效果的轴向以旋转后的轴向为准，会影响转换结果。思考: 改变元素的width或height属性能实现吗？rotate3d(x, y, z, 角度度数) ：用来设置。transform: rotateZ(值);transform: rotateX(值);transform: rotateY(值);三:平面转换 – 改变转换原点。以第一种转换方式坐标轴为准转换形态。x，y，z 取值为0-1之间的数字。通常，只为 scale() 设置。一:平面转换 – 平移。二:平面转换 – 旋转。

作用：设置 内容 与 盒子边缘 之间的距离。，用来 设置伪元素的内容，如果没有内容，则。场景：父子级的标签，子级的添加。作用：设置元素的外边框为圆角。（出现在内容与盒子边缘之间）作用：拉开两个盒子之间的距离。解决方法：给行内元素添加。单独设置一个方向内边距。，无法改变元素垂直位置。属性，无法改变垂直位置。方位名词首字母，例如，四个方向 内边距相同。排列的兄弟元素，上下。行高可以改变垂直位置。提示：属性值是圆角半径。属性值写法、含义相同。

男女

... ... ...... ... ...

A.iB.IC.ⅪD.9A.1B.2C.3D.0" >" >A.emB.cmC.px或%D.mA.p{font-family:黑体;color:blue;font-size:黑体;color:blue;font-weight:黑体;color:blue;font-style:黑体;