pink老师html5+css3day08
文章目录
- 优医问诊项目
优医问诊项目
在 CSS 里，:before（现代写法是 ::before）是一个伪元素（pseudo-element），用于在某个元素的内容之前插入生成的内容。
vertical-align 是一个 CSS 属性，用于设置行内元素或表格单元格在垂直方向上的对齐方式。它常被用于文字、图片、inline-block 元素之间的垂直居中对齐。
flex: 1 的作用是让元素在父容器中自动占满可用空间，和其他带 flex: 1 的元素平均分配剩余空间。
margin 是元素与外部的距离（外边距），
padding 是元素内容与内部边框的距离（内边距）
| 对比项 | margin 外边距 | padding 内边距 |
|---|---|---|
| 作用对象 | 元素与外部其他元素的距离 | 元素内容与边框之间的距离 |
| 影响背景 | 不会填充背景色 | 会填充背景色 |
| 常见用途 | 控制元素之间的间距 | 控制内容与边框的间距 |
| 参与盒模型计算 | 只影响外部间距 | 会影响盒子实际尺寸（除非用 box-sizing: border-box） |
| 可为负值 | ✅ 可以是负数 | ❌ 不可以为负数 |
transform 是一个 CSS 属性，用于对元素进行变形操作，可以让元素进行 旋转、缩放、平移和倾斜等效果，而不改变元素的原始布局。
border: ;
border-width：设置边框的宽度。
取值可以是：thin（细）、medium（中等）、thick（粗）、或者具体的像素值（例如：1px, 2px 等）。
示例：border-width: 2px;
border-style：设置边框的样式。
常见的取值：
solid：实线边框（最常用）
dashed：虚线边框
dotted：点状边框
double：双线边框
none：没有边框
ridge、inset、outset：3D效果边框（不常用）
示例：border-style: solid;
border-color：设置边框的颜色。
可以使用颜色名称、HEX、RGB等。
示例：border-color: red;
在 HTML 中，
position: sticky 是 CSS 中的一种定位方式，它结合了 相对定位（relative）和 固定定位（fixed）的特性，用于创建 粘性元素，即在页面滚动时，元素在特定的滚动位置下“粘住”在视口中，直到它的容器区域结束。