摘要: CSS 细边框表格(两种常用写法) 一、原生表格默认问题 默认表格边框双线,因为单元格和表格都有边框,叠加变粗。 二、方法 1:合并边框(最常用) 核心属性 css border-collapse: collapse; /* 合并相邻边框 */ 完整样式 css table { width: 100 阅读全文
posted @ 2026-07-09 08:22 +6 阅读(11) 评论(0) 推荐(0)
摘要: CSS 背景全套知识点 一、基础属性 背景颜色 css background-color: 颜色值; /* 取值:单词、十六进制、rgb、rgba(透明) */ background-color: #f5f5f5; background-color: rgba(0,0,0,0.3); 背景图片 cs 阅读全文
posted @ 2026-07-09 08:14 +6 阅读(4) 评论(0) 推荐(0)
摘要: 网页定位 4 种方式 一、四种定位属性 position: static; /* 默认静态定位 / position: relative; / 相对定位 / position: absolute; / 绝对定位 / position: fixed; / 固定定位 */ static 静态定位(默认) 阅读全文
posted @ 2026-07-06 11:15 +6 阅读(7) 评论(0) 推荐(0)
摘要: 1.新建项目 2.项目中必须包含的文件有哪几个 3.链接外部样式、外部脚本的格式 4.内部样式的格式、行内样式的格式 5.title要写、注释要写 6.html语句对齐与缩进要规范 7.css每个语句后面要有分号,不能省略 阅读全文
posted @ 2026-07-06 11:12 +6 阅读(7) 评论(0) 推荐(0)
摘要: 简易轮播图制作(HTML+CSS+JS) 一、结构思路 外层容器固定宽高,溢出隐藏 图片列表横向排列 JS 控制整体左右平移切换 加左右箭头 + 底部小圆点 + 自动播放 完整代码 <head> <meta charset="UTF-8"> <title>轮播图</title> <style> /* 阅读全文
posted @ 2026-07-06 11:06 +6 阅读(6) 评论(0) 推荐(0)
摘要: CSS 指定行数溢出省略号(最常用) 单行溢出省略号 .text{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 多行溢出省略号(指定行数,通用) /* 显示2行 / .text{ overflow: hidden 阅读全文
posted @ 2026-07-06 11:01 +6 阅读(5) 评论(0) 推荐(0)
摘要: 制作网站子页面必注意事项(前端实用版) 一、基础统一规范 布局结构统一 头部导航、底部版权、侧边栏、页脚和主页完全一致,只改中间主体内容区 样式全局统一 字体、字号、行高、颜色、按钮样式、边距间距全部沿用主站 CSS,不随意改样式 路径统一规范 统一用相对路径,别写本地绝对路径 图片、css、js、 阅读全文
posted @ 2026-07-06 10:46 +6 阅读(6) 评论(0) 推荐(0)
摘要: 弹性布局(Flex 布局)通俗易懂讲解 是什么 Flex 弹性布局:CSS3 推出的一维布局模型,轻松实现水平、垂直居中、均分、自适应排列,代替浮动、定位,做页面排版超级方便。 开启方式 给父盒子加: display: flex; 父盒子 = 容器,里面子元素 = 项目 两大核心轴 主轴:默认水平左 阅读全文
posted @ 2026-07-06 10:31 +6 阅读(7) 评论(0) 推荐(0)
摘要: Flex 交叉轴(侧轴)5 种对齐方式 交叉轴:flex 垂直方向 属性:align-items align-items: flex-start 顶部对齐(交叉轴起点) align-items: flex-end 底部对齐(交叉轴终点) align-items: center 垂直居中(最常用) a 阅读全文
posted @ 2026-07-06 10:27 +6 阅读(3) 评论(0) 推荐(0)
摘要: CSS 文本折行 / 溢出处理(单行省略 + 指定行数省略) 工作中最常用的两种文本折行 / 溢出隐藏方案,直接复制可用,适配所有场景。 1. 单行文本折行(溢出隐藏 + 末尾省略号) 适用:文字太多,只显示一行,超出部分显示 .text { width: 200px; /* 必须有宽度 */ wh 阅读全文
posted @ 2026-04-30 09:19 +6 阅读(10) 评论(0) 推荐(0)