2026年7月
6月4日
摘要： 简易轮播图制作（HTML+CSS+JS） 一、结构思路 外层容器固定宽高，溢出隐藏 图片列表横向排列 JS 控制整体左右平移切换 加左右箭头 + 底部小圆点 + 自动播放 完整代码 <head> <meta charset="UTF-8"> <title>轮播图</title> <style> /* 阅读全文
posted @ 2026-07-06 11:06 +6 阅读(14) 评论(0) 推荐(0)
6月15日
摘要： CSS 指定行数溢出省略号（最常用） 单行溢出省略号 .text{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 多行溢出省略号（指定行数，通用） /* 显示2行 / .text{ overflow: hidden 阅读全文
posted @ 2026-07-06 11:01 +6 阅读(15) 评论(0) 推荐(0)
6月18日
摘要： 制作网站子页面必注意事项（前端实用版） 一、基础统一规范 布局结构统一 头部导航、底部版权、侧边栏、页脚和主页完全一致，只改中间主体内容区 样式全局统一 字体、字号、行高、颜色、按钮样式、边距间距全部沿用主站 CSS，不随意改样式 路径统一规范 统一用相对路径，别写本地绝对路径 图片、css、js、 阅读全文
posted @ 2026-07-06 10:46 +6 阅读(21) 评论(0) 推荐(0)
6月22日
摘要： 弹性布局（Flex 布局）通俗易懂讲解 是什么 Flex 弹性布局：CSS3 推出的一维布局模型，轻松实现水平、垂直居中、均分、自适应排列，代替浮动、定位，做页面排版超级方便。 开启方式 给父盒子加： display: flex; 父盒子 = 容器，里面子元素 = 项目 两大核心轴 主轴：默认水平左 阅读全文
posted @ 2026-07-06 10:31 +6 阅读(12) 评论(0) 推荐(0)
6月25日
摘要： Flex 交叉轴（侧轴）5 种对齐方式 交叉轴：flex 垂直方向 属性：align-items align-items: flex-start 顶部对齐（交叉轴起点） align-items: flex-end 底部对齐（交叉轴终点） align-items: center 垂直居中（最常用） a 阅读全文
posted @ 2026-07-06 10:27 +6 阅读(12) 评论(0) 推荐(0)
2026年4月
4月30日.2
摘要： CSS 文本折行 / 溢出处理（单行省略 + 指定行数省略） 工作中最常用的两种文本折行 / 溢出隐藏方案，直接复制可用，适配所有场景。 1. 单行文本折行（溢出隐藏 + 末尾省略号） 适用：文字太多，只显示一行，超出部分显示 .text { width: 200px; /* 必须有宽度 */ wh 阅读全文
posted @ 2026-04-30 09:19 +6 阅读(16) 评论(0) 推荐(0)
4月30日
摘要： CSS 垂直居中最全方案（3 种核心场景） 单行文本垂直居中（行高 line-height） 适用：只有一行文字、盒子高度固定 原理：让 行高 = 盒子高度，文字自动垂直居中 .box { width: 200px; height: 60px; /* 固定高度 / line-height: 60px 阅读全文
posted @ 2026-04-30 09:16 +6 阅读(30) 评论(0) 推荐(0)
4月23日
摘要： CSS 就是给 HTML 网页化妆、排版的语言，控制网页的颜色、大小、位置、字体、样式等。 一、3 种引入 CSS 的方式 行内样式（写在标签里） html 预览 我是红色文字 2. 内部样式（写在 里） html 预览 3. 外部样式（单独 .css 文件，最常用） html 预览 二、最常用 C 阅读全文
posted @ 2026-04-26 14:21 +6 阅读(12) 评论(0) 推荐(0)
4月16日
摘要： Web 前端 DIV 布局（最核心、最基础的布局方式） DIV 布局，就是用 标签 + CSS（浮动、定位、盒模型）来搭建网页结构，是早期最主流、现在依然必须掌握的布局思路。 简单理解： 把页面切成一个个盒子（div），再用 CSS 排列这些盒子。 一、DIV 是什么？ 是块级无意义容器，专门用来划 阅读全文
posted @ 2026-04-19 20:01 +6 阅读(22) 评论(0) 推荐(0)
4月2日
摘要： 页面里超级链接（超链接/链接）的核心作用，就是实现页面之间或页面内部的跳转与关联，让信息可以被快速访问。 主要作用可以概括为这几点： 页面跳转 从当前网页跳转到另一个网页、网站，是最基本的用途。 站内导航 菜单、目录、按钮等都是链接，方便用户在同一个网站里切换不同内容。 页内定位（锚点） 点击后直接 阅读全文
posted @ 2026-04-06 14:56 +6 阅读(109) 评论(0) 推荐(0)