摘要：
CSS 课堂笔记：相对定位与绝对定位（子绝父相） 一、核心概念 1. 什么是"子绝父相"？ 子绝：子元素设置 position: absolute（绝对定位） 父相：父元素设置 position: relative（相对定位） 这是最经典的定位搭配，让子元素相对于父元素进行精确定位。 2. 为什么要 阅读全文
posted @ 2026-07-09 18:11
easy——revenge
阅读(29)
评论(0)
推荐(0)
摘要：
CSS 课堂笔记：布局原则与常见问题解决方案 一、布局的核心原则 基本原则：先分大块，再分小块；先横后竖 原则 说明 示例 先分大块 先把页面划分为几个大的区域（顶部、中间、底部） 先画 .header、.main、.footer 再分小块 在大块内部继续细分出小的功能模块 顶部再分 Logo、导航 阅读全文
posted @ 2026-07-09 18:11
easy——revenge
阅读(11)
评论(0)
推荐(0)
摘要：
CSS 课堂笔记：表格奇偶行不同背景色 一、核心语法 1. 基本写法 css tr:nth-child(odd) { background-color: red; } tr:nth-child(even) { background-color: aquamarine; } 选择器 含义 作用 tr: 阅读全文
posted @ 2026-07-09 18:11
easy——revenge
阅读(41)
评论(0)
推荐(0)
摘要：
HTML 课堂笔记：超链接（<a> 标签） 一、基本语法结构 链接内容 是超链接的标准写法。 链接内容可以是文字、图片、按钮，甚至整个块级元素（HTML5 允许）。 示例说明 文字链接：<a href="huawei.html">跳转到下一页</a> → 点击文字"跳转到下一页"就会打开 huawe 阅读全文
posted @ 2026-07-09 18:06
easy——revenge
阅读(51)
评论(0)
推荐(0)
摘要：
CSS 课堂笔记：文本样式与自定义字体 一、文本基础样式（div 综合案例） 1. 字体与字号 font-size: 16px：设置文字大小为 16 像素，这是网页默认的字号基准。 font-family: "微软雅黑"：指定使用微软雅黑字体，这是 Windows 系统常用的无衬线字体，适合屏幕阅读 阅读全文
posted @ 2026-07-09 18:00
easy——revenge
阅读(19)
评论(0)
推荐(0)
摘要：
CSS 课堂笔记：多行省略号 & 垂直居中 一、多行文本溢出显示省略号（-webkit-line-clamp） 1. 核心属性组合（缺一不可） 属性 值 作用 display -webkit-box 启动旧版弹性盒模型，为多行截断提供布局基础 -webkit-box-orient vertical 阅读全文
posted @ 2026-07-09 18:00
easy——revenge
阅读(22)
评论(0)
推荐(0)
摘要：
CSS 定位核心笔记：子绝父相 & 固定定位锚点 一、相对定位与绝对定位的联动（子绝父相） 1. 核心口诀 子绝父相 —— 子级用 absolute，父级用 relative，这是最稳妥的搭配。 2. 包含块（参照物）规则 绝对定位元素会向上寻找最近的非 static 定位（即 relative、a 阅读全文
posted @ 2026-07-09 18:00
easy——revenge
阅读(8)
评论(0)
推荐(0)
浙公网安备 33010602011771号