摘要: CSS 文本折行 / 溢出处理(单行省略 + 指定行数省略) 工作中最常用的两种文本折行 / 溢出隐藏方案,直接复制可用,适配所有场景。 1. 单行文本折行(溢出隐藏 + 末尾省略号) 适用:文字太多,只显示一行,超出部分显示 .text { width: 200px; /* 必须有宽度 */ wh 阅读全文
posted @ 2026-04-30 09:19 +6 阅读(6) 评论(0) 推荐(0)
摘要: CSS 垂直居中最全方案(3 种核心场景) 单行文本垂直居中(行高 line-height) 适用:只有一行文字、盒子高度固定 原理:让 行高 = 盒子高度,文字自动垂直居中 .box { width: 200px; height: 60px; /* 固定高度 / line-height: 60px 阅读全文
posted @ 2026-04-30 09:16 +6 阅读(7) 评论(0) 推荐(0)
摘要: CSS 就是给 HTML 网页化妆、排版的语言,控制网页的颜色、大小、位置、字体、样式等。 一、3 种引入 CSS 的方式 行内样式(写在标签里) html 预览 我是红色文字 2. 内部样式(写在 里) html 预览 3. 外部样式(单独 .css 文件,最常用) html 预览 二、最常用 C 阅读全文
posted @ 2026-04-26 14:21 +6 阅读(3) 评论(0) 推荐(0)
摘要: Web 前端 DIV 布局(最核心、最基础的布局方式) DIV 布局,就是用 标签 + CSS(浮动、定位、盒模型)来搭建网页结构,是早期最主流、现在依然必须掌握的布局思路。 简单理解: 把页面切成一个个盒子(div),再用 CSS 排列这些盒子。 一、DIV 是什么? 是块级无意义容器,专门用来划 阅读全文
posted @ 2026-04-19 20:01 +6 阅读(4) 评论(0) 推荐(0)
摘要: 页面里超级链接(超链接/链接)的核心作用,就是实现页面之间或页面内部的跳转与关联,让信息可以被快速访问。 主要作用可以概括为这几点: 页面跳转 从当前网页跳转到另一个网页、网站,是最基本的用途。 站内导航 菜单、目录、按钮等都是链接,方便用户在同一个网站里切换不同内容。 页内定位(锚点) 点击后直接 阅读全文
posted @ 2026-04-06 14:56 +6 阅读(49) 评论(0) 推荐(0)
摘要: <title> 是 HTML 头部(<head>)中最基础也最重要的标签之一,它定义了网页的标题,核心作用可以分为以下几类,从用户体验到搜索引擎优化都至关重要: 1. 对用户的直观作用 浏览器标识:浏览器标签页、书签 / 收藏夹中会显示 <title> 的内容,用户能通过标题快速识别网页内容(比如你 阅读全文
posted @ 2026-03-22 21:05 +6 阅读(11) 评论(0) 推荐(0)
摘要: 1.新建项目,项目名称mySite,路径D盘根目录下。 2.新建样式文件,名称为style.css,并通过外部引入到主页中。 3.主页中,插入标题一、标题二和一个段落,内容自拟 4.设置页面背景色为淡蓝色,标题一和标题二文本颜色为橙色,段落文本颜色为红色 5.新建子页,子页背景色和主页背景色一致 项 阅读全文
posted @ 2026-03-22 20:59 +6 阅读(2) 评论(0) 推荐(0)
摘要: 基本的HTML5格式是什么? 一个基本的HTML5文档结构如下: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini 阅读全文
posted @ 2026-03-15 16:30 +6 阅读(11) 评论(0) 推荐(0)
摘要: 一.显示系统时间显示 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t 阅读全文
posted @ 2026-03-15 16:24 +6 阅读(4) 评论(0) 推荐(0)