摘要：
偏移属性：top、right、bottom、left 用来控制定位元素的具体偏移距离。 z-index：用于控制定位元素（非 static）的堆叠顺序。数值越大，元素在层叠上下文中的层级越高，显示优先级越高 阅读全文
posted @ 2026-07-09 18:23
唐硕
阅读(2)
评论(0)
推荐(0)
摘要：
布局的原则：先分大块，再分小块，先横再竖 文本折叠： 单行折叠： /去掉原点修饰符/ list-style-type: none; /不折行/ white-space: nowrap; /超出部分隐藏/ overflow:hidden; /超出的部分用省略号显示/ text-overflow: el 阅读全文
posted @ 2026-07-09 18:21
唐硕
阅读(3)
评论(0)
推荐(0)
摘要：
结构组成 外层容器（视口：overflow:hidden，只显示一张图区域） 图片滑动容器（存放所有图片，横向排列） 图片项（每张轮播内容） 控制按钮：左/右切换箭头、底部小圆点指示器 自动播放定时器 实现三大方案 CSS3 动画/transition 过渡轮播（简易，无复杂逻辑） JS 控制位移（ 阅读全文
posted @ 2026-07-09 18:21
唐硕
阅读(3)
评论(0)
推荐(0)
摘要：
一、基础概念 开启弹性布局的元素叫弹性容器，容器内直接子元素叫弹性项。 弹性布局分为两条轴：主轴、侧轴。 默认主轴水平向右，侧轴垂直向下；修改主轴方向会同步改变侧轴。 二、容器属性（写在父元素） display flex：块级弹性容器，独占一行 inline-flex：行内弹性容器，同行显示 fle 阅读全文
posted @ 2026-07-09 18:19
唐硕
阅读(3)
评论(0)
推荐(0)
摘要：
一、相对定位（position: relative）怎么用 两种使用场景 场景1：微调元素自身位置 给目标元素开启相对定位； 搭配 top / left / right / bottom 设置偏移距离； 元素只会视觉移动，原来在页面占的空间还留在原地，周围文字、盒子不会挤上来。 适用：图标微调、文字 阅读全文
posted @ 2026-07-09 18:19
唐硕
阅读(3)
评论(0)
推荐(0)
摘要：
表格 1.表格由 标签来定义。每个表格均有若⼲⾏（由 标签定义），每⾏被分割为若⼲单元格（由 标签定义）。字⺟ td 指表格数据，即数据单元格的内容。数据单元格可以包含⽂本、图⽚、列表、段落、表单、⽔平线、表格等等。 2.table表示整个表格（标签内可以通过border属性设置表格的边框） tr表 阅读全文
posted @ 2026-07-09 18:14
唐硕
阅读(3)
评论(0)
推荐(0)
摘要：
1.设置定位的⽅式：属性名： position 2.常⻅属性值： 固定定位 fixed 相对定位 relative 绝对定位 absolute 3.设置偏移值： 开启定位后的元素可以通过以下属性进⾏移动。 偏移值设置分为两个⽅向，⽔平和垂直⽅向各选⼀个使⽤即可 屏幕截图 2026-07-06 145 阅读全文
posted @ 2026-07-09 18:13
唐硕
阅读(4)
评论(0)
推荐(0)
摘要：
HTML元素默认分为块级元素、行内元素、行内块元素三种显示模式，不同模式具备专属布局特性，直接决定元素的宽高、间距、排列方式。新手想要精准控制页面布局，必须吃透显示模式特性，这是解决布局错乱、元素排列异常的核心关键。 块级元素典型代表有div、p、h1-h6、ul。核心特性是独占一行，默认宽度铺满父 阅读全文
posted @ 2026-07-09 18:12
唐硕
阅读(3)
评论(0)
推荐(0)
摘要：
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个都可以指定为Flex布局。 .box{ display: flex; } 容器的属性 flex-direction flex-wrap flex-flow justify-content align 阅读全文
posted @ 2026-07-09 18:11
唐硕
阅读(3)
评论(0)
推荐(0)
摘要：
基本样式边框属性 1.border 设置边框的样式 格式：宽度 样式 颜色 1像素粗的 实线 红色边框：border:1px soild red 线条样式：soild 实线，none 无边， double 双线 2.width 设置标签的宽度：width:xxxpx; 3.height 设置标签的高 阅读全文
posted @ 2026-07-09 18:10
唐硕
阅读(1)
评论(0)
推荐(0)
浙公网安备 33010602011771号