摘要：
文本折叠 布局的原则：先分大块，再分小块，先横再竖 文本折叠： 单行折叠： /去掉原点修饰符/ list-style-type: none; /不折行/ white-space: nowrap; /超出部分隐藏/ overflow:hidden; /超出的部分用省略号显示/ text-overflo 阅读全文
posted @ 2026-07-09 10:11
li萌
阅读(3)
评论(0)
推荐(0)
摘要：
相对位置和绝对位置的使用 一、相对定位（position: relative）怎么用 两种使用场景 场景1：微调元素自身位置 \1. 给目标元素开启相对定位； \2. 搭配 top / left / right / bottom 设置偏移距离； \3. 元素只会视觉移动，原来在页面占的空间还留在原地 阅读全文
posted @ 2026-07-09 10:08
li萌
阅读(6)
评论(0)
推荐(0)
摘要：
浮动布局 一、浮动基础概念 \1. 浮动作用：让块级元素脱离标准文档流，横向并排排列，早期用来做页面多栏布局、导航。 \2. 浮动取值：左浮动、右浮动、不浮动。 \3. 脱离文档流特点：浮动元素不再占据原有页面空间，下方标准流内容会向上填充空位。 二、浮动自带特性 \1. 块级元素浮动后，宽度由内部 阅读全文
posted @ 2026-07-09 10:08
li萌
阅读(6)
评论(0)
推荐(0)
摘要：
弹性布局 一、基础概念 \1. 开启弹性布局的元素叫弹性容器，容器内直接子元素叫弹性项。 \2. 弹性布局分为两条轴：主轴、侧轴。 \3. 默认主轴水平向右，侧轴垂直向下；修改主轴方向会同步改变侧轴。 二、容器属性（写在父元素） \1. display flex：块级弹性容器，独占一行 inline 阅读全文
posted @ 2026-07-09 10:08
li萌
阅读(3)
评论(0)
推荐(0)
摘要：
web表格 一、基础标签作用 \1. table：表格根容器，承载所有表格元素 \2. tr：代表表格一行 \3. td：普通单元格，存放数据 \4. th：表头单元格，文字默认加粗居中，用于列标题 \5. caption：表格标题，放在表格上方 二、结构化分区标签 \1. thead：表头区域，存 阅读全文
posted @ 2026-07-09 10:08
li萌
阅读(4)
评论(0)
推荐(0)
摘要：
web表单 一、form表单容器 \1. 作用：包裹所有表单控件，负责把数据提交给后端服务器 \2. 核心属性 action：接收表单数据的后台接口地址 method：提交方式，分GET、POST GET：数据拼接在网址后，数据量小、明文，适合查询； POST：数据放在请求体内，可传大量内容、文件， 阅读全文
posted @ 2026-07-09 10:08
li萌
阅读(5)
评论(0)
推荐(0)
浙公网安备 33010602011771号