-
CSS3 样式知识库
选择器 类型选择器 div { 属性 : 值 } 类选择器 .class { 属性 : 值 } ID选择器 #id { 属性 : 值 } 通配符选择器 通常都是用来……
2026-01-107 0 0 -
Flex+Grid 布局
FlexBox 基础 使用 display: flex 开启 Flex 布局 方向 Direction Direction 定义了主轴的方向，决定项目是水平排列还是垂直排列的。 flex-direction 默认值为 row，即默认以横排列（……
2025-12-1419 0 0 -
SCSS 基础使用
SCSS简介 SCSS 原本叫 SASS，SASS 是版本1和版本2的叫称，当时的格式不用大括号，而是使用缩进作为层级，因为不好阅读，所以在第三版之后，SASS增加了使用大括号作为层级，完全兼容CSS语法，……
2025-12-1325 0 0 -
CSS3 – 样式查询表
长度单位 视口百份比 vw (viewport width) vw 是 CSS3 提出的一种新的长度单位，该长度单位会基于浏览器视囗宽度大小作为百份比 举例： div{ /* 宽度会占用浏览器页面总宽度大小的 50% */……
2023-04-0459 0 0 -
CSS – 样式查询表
字体 字体大小 font-size: (num) px 字体族 font-family: "FontName","SecondFontName","ThirdFontName",sans-serif 可以写多个字体，当系统找到第一个字体时，则使用第一个字体，如……
2023-04-0134 0 0 -
CSS – 选择器类型查询表
通配选择器 作用：可以选中所有的 HTML 元素 语法： * { 属性名：属性值; } 举例： * { color: orange; font-size: 40px; } 元素选择器 作用：为页面中某种……
2023-03-3150 0 0 -
CSS – Transform 3D移动
translate3d() 三维变换使用基于二维变换的相同属性，可以让我们基于三个坐标方向对元素进行变换。和二维变形一样，三维变形可以使用 transform 属性来设置。 方法 translate3d(x方向……
2022-12-0242 0 0 -
CSS – 使用 transform2D 实现元素居中
元素如何在一个父盒子中居中显示？
2022-12-0163 0 0 -
CSS – 动画 – 转换 transform2D
通过CSS3 transform 转换，我们能够对元素进行移动、缩放、旋转斜切等操作。
2022-12-0149 0 0 -
CSS – 动画 – 过渡transition
CSS3 提供了一种动画过渡效果transition
2022-12-0157 0 0
热门文章
