摘要：
一、CSS三种引入方式回顾 行内样式（内联样式）：写在标签 style 属性里 内部样式（内嵌样式）：写在 里的 阅读全文
posted @ 2026-07-09 17:49
张家滕111
阅读(2)
评论(0)
推荐(0)
摘要：
偏移属性：top、right、bottom、left 用来控制定位元素的具体偏移距离。 z-index：用于控制定位元素（非 static）的堆叠顺序。数值越大，元素在层叠上下文中的层级越高，显示优先级越高 阅读全文
posted @ 2026-07-09 17:47
张家滕111
阅读(2)
评论(0)
推荐(0)
摘要：
标准盒模型（content-box）：默认值。设置的 width 和 height 仅包含内容区。元素的实际占用尺寸 = 内容宽高 + padding + border。 IE盒模型（border-box）：设置的 width 和 height 包含了内容区、padding 和 border。这在实 阅读全文
posted @ 2026-07-09 17:43
张家滕111
阅读(2)
评论(0)
推荐(0)
摘要：
Content（内容区）：元素的核心区域，显示文本、图片等。 Padding（内边距）：内容与边框之间的透明缓冲区域。 Border（边框）：包裹在内边距外的线条，可设置宽度、样式和颜色。 Margin（外边距）：边框之外的透明区域，用于控制元素与其他元素之间的间距。 阅读全文
posted @ 2026-07-09 17:43
张家滕111
阅读(0)
评论(0)
推荐(0)
摘要：
后代选择器：div p，选中 div 内部所有层级的 p 标签。 子元素选择器：div > p，仅选中 div 的直接子级 p 标签。 相邻兄弟选择器：h1 + p，选中紧跟在 h1 之后的第一个 p 标签 阅读全文
posted @ 2026-07-09 17:43
张家滕111
阅读(1)
评论(0)
推荐(0)
摘要：
标签选择器：直接使用 HTML 标签名（如 div, p），选中所有同名标签。 类选择器（Class）：以 . 开头（如 .container），可复用，一个元素可拥有多个类。 ID 选择器：以 # 开头（如 #header），具有唯一性，通常用于页面中唯一的元素。 通配符选择器：* 选中页面所有元 阅读全文
posted @ 2026-07-09 17:42
张家滕111
阅读(2)
评论(0)
推荐(0)
摘要：
static（静态定位） 这是所有 HTML 元素的默认定位方式。 特点：元素完全遵循正常的文档流布局，不受 top、bottom、left、right 和 z-index 属性的影响。 使用场景：普通的段落、列表等无需特殊定位的元素，通常不需要显式声明。 relative（相对定位） 元素相对于其 阅读全文
posted @ 2026-07-09 17:40
张家滕111
阅读(0)
评论(0)
推荐(0)
摘要：
布局与定位（核心中的核心） display: flex; / inline-flex;：开启弹性布局。 justify-content：主轴对齐方式（如 center, space-between）。 align-items：交叉轴对齐方式（如 center, flex-start）。 flex-d 阅读全文
posted @ 2026-07-09 17:38
张家滕111
阅读(1)
评论(0)
推荐(0)
浙公网安备 33010602011771号