- 博客(304)
- 收藏
- 关注
RSS订阅原创 CSS 背景
本文介绍了CSS背景属性的使用方法，主要包括：1）background-color设置背景颜色，支持十六进制、RGB和颜色名称三种表示方式；2）background-image设置背景图片，默认会平铺重复；3）background-repeat控制图片是否重复；4）background-position调整图片位置；5）使用简写属性background可以一次性设置多个背景属性。文章通过多个实例演示了如何合理设置背景颜色和图片，避免影响文字可读性，并提供了所有背景属性的功能说明。
2026-07-15 14:59:41
158
原创 CSS 创建
本文介绍了CSS样式表的三种应用方式：外部样式表（通过<link>标签引入.css文件，适合多页面统一风格）、内部样式表（在HTML头部用<style>标签定义，针对单个页面）和内联样式（直接在元素标签内用style属性设置，优先级最高但慎用）。多重样式叠加时，遵循"就近原则"和优先级规则（内联>内部>外部>浏览器默认）。文中通过示例展示了样式覆盖机制：后加载的样式会覆盖先定义的同类样式，需注意引入顺序对最终效果的影响。
2026-07-15 14:58:39
189
原创 CSS id 和 class
摘要：HTML中使用id和class选择器设置CSS样式。id选择器通过"#"定义，为特定id元素指定样式，id不能以数字开头。class选择器用"."定义，可应用于多个元素，支持多class组合（用空格分隔），类名也不能以数字开头。id具有唯一性，而class可重复使用。p.center等语法可指定特定元素应用class样式。注意数字开头的id和class在某些浏览器中无效。
2026-07-15 14:57:19
158
原创 CSS 语法
本文介绍了CSS的基本语法结构，主要包括： CSS规则由选择器和声明块组成，选择器指定HTML元素，声明块包含属性和值的组合； 每条CSS声明以分号结束，所有声明用大括号包裹； 推荐每行只写一个属性以提高代码可读性； CSS注释使用/* */格式，可单行或多行，用于解释代码但不影响浏览器渲染。
2026-07-15 14:56:03
178
原创 CSS 编辑器
本文推荐了三款CSS编辑器：微软VSCode（免费开源）、阿里Qoder（AI编程助手）和字节Trae（支持自然语言生成代码），重点演示了使用VSCode创建CSS文件的完整流程。教程涵盖项目创建、HTML/CSS文件编写、插件安装（LiveServer和HTMLCSSSupport）及实时预览功能，最后通过一个卡片式布局的CSS实践案例，展示了背景设置、盒子模型、阴影效果和悬停交互等核心样式技术。
2026-07-15 14:54:18
215
原创 CSS 简介
CSS（层叠样式表）用于定义HTML元素的显示样式，实现内容与表现分离。样式可存储在外部.css文件中，便于统一修改网站外观。CSS解决了HTML仅定义内容的局限性，通过样式表控制页面布局和显示效果。多个样式可层叠应用，一个HTML文档能呈现不同样式。外部样式表能显著提高工作效率，只需修改单个CSS文件即可全局更新网站样式。
2026-07-15 14:50:44
220
原创 CSS 教程
本文介绍CSS（层叠样式表）的基础知识，包括其作用（为HTML/XML文档添加样式）、文件扩展名（.css）以及优势（提升网页开发效率）。教程包含数百个在线实例，可通过编辑器实时修改CSS代码并查看效果，例如设置背景色、文字样式等。还提到CSS3已被广泛支持，CSS4正在开发中。文末推荐了在线编辑工具，支持HTML/CSS/JS代码编辑与实时预览。
2026-07-14 17:09:20
71
转载 HTML 测验
本文档列出了15个HTML相关的测验（HTML Quiz 1-15），用于测试学习者对HTML知识的掌握程度。这些测验可能包含HTML基础语法、常用标签、表单设计、表格制作等内容，适合用于教学评估或自学检测。
2026-07-14 17:03:46
12
原创 HTML 标签简写及全称
本文整理了常用HTML标签的简写及全称对照表，包含文本格式（如b/粗体、i/斜体）、结构标签（如div/分隔、p/段落）、表格元素（如td/单元格、tr/行）以及特殊功能标签（如a/锚点、img/src源文件）等50余项。表中同时标注了英文全称和中文说明，例如"blockquote=BlockQuotation=区块引用语"，便于开发者快速查询标签语义。该摘要适用于网页制作参考，帮助理解HTML标签命名逻辑与功能对应关系。
2026-07-14 17:01:40
71
原创 HTML 速查列表
这篇HTML速查列表提供了常用HTML标签的快速参考指南，包括：基本文档结构、标题段落等基础标签、文本格式化元素、链接创建方法、图片插入、样式区块定义、三种列表形式（无序/有序/定义）、表格制作、iframe框架使用、表单设计要素以及HTML实体字符。内容涵盖HTML核心语法，适合开发者打印作为日常编码参考手册，帮助快速查找各类标签的正确用法和属性设置。
2026-07-14 17:00:17
150
原创 HTML 统一资源定位器(Uniform Resource Locators)
URL（统一资源定位器）是用于定位网络资源的地址，可由域名（如runoob.com）或IP地址（如192.68.20.50）表示。URL一般包含协议类型（如http/https）、域名、端口、路径和文件名等部分。由于URL只能使用ASCII字符，非ASCII字符需通过百分号编码（如空格转为+）。常见的URL协议包括HTTP（未加密网页）、HTTPS（加密网页）、FTP（文件传输）等。用户在提交表单时，浏览器会自动对特殊字符进行URL编码传输。
2026-07-14 16:58:53
139
原创 HTML 字符实体
HTML预留字符（如<>）需使用字符实体（如<、>）显示，以避免与标签冲突。字符实体支持名称或编号格式（如 或 表示空格）。常用实体包括不间断空格、引号等，音标符号可通过数字组合实现。需注意实体名称区分大小写且部分浏览器可能不支持名称格式，而数字格式兼容性更好。
2026-07-14 16:57:10
146
原创 HTML 脚本
本文介绍了HTML中JavaScript脚本的基本使用方法。通过<script>标签可以嵌入脚本代码或引用外部脚本文件，实现页面动态效果、表单验证等功能。文章展示了简单的脚本示例，如输出文本"Hello World!"。同时解释了<noscript>标签的作用，它能在浏览器不支持或禁用脚本时显示替代内容。此外，还列举了JavaScript的常见应用场景，包括直接输出HTML、响应按钮点击事件以及修改元素样式等。这些功能使网页具有更强的交互性和动态性。
2026-07-14 16:55:27
228
原创 HTML 颜色值
介绍了颜色在计算机中的RGB表示方法：使用16进制编码红(R)、绿(G)、蓝(B)三个通道，每个通道取值范围为00(0)到FF(255)。颜色值以#开头，支持简写的3位格式(#RGB)和标准的6位格式(#RRGGBB)，其中3位格式是6位格式的简写形式（如#F0A扩展为#FF00AA）。
2026-07-14 16:49:18
195
原创 HTML 颜色名
HTML和CSS标准定义了141种颜色名称（含17种基础色），每种颜色都有对应的十六进制值。用户可通过点击颜色名或十六进制值预览不同文字与背景的配色效果。17种标准色包括黑、蓝、灰、绿、红等常见颜色。
2026-07-14 16:44:20
181
原创 HTML 颜色
HTML颜色采用RGB模式通过十六进制或十进制表示，由红绿蓝三原色组合可产生1600万种颜色（256×256×256）。文章展示了纯色示例（如#FF0000红）、红色渐变（#000000-#FF0000）和灰度渐变（#000000-#FFFFFF），并提到早期216种Web安全色标准。虽然现代设备已支持更广色域，但了解颜色编码原理对网页设计仍有意义。
2025-07-26 15:37:37
939
原创 C++实现新猜数游戏！
这篇文章介绍了一个C++编写的猜数字游戏程序。程序通过随机数生成目标数字，用户输入猜测范围后开始游戏，根据输入的猜测值给出"大了"或"小了"的提示，直到猜中为止。程序会记录猜测次数，并包含一个隐藏彩蛋：当输入特定数字20140801时会触发特殊效果。文章详细讲解了代码的编写过程，包括随机数生成、输入输出处理、循环判断等核心功能的实现，最后展示了完整的代码示例。
2025-07-26 15:21:20
299
原创 冰与火之舞新手玩法攻略-冰与火之舞怎么玩
《冰与火之舞》新手玩法攻略：这是一款节奏音乐游戏，玩家需操控两颗小球跟随音乐节拍前进至终点。游戏通过检测网络延迟后进入新手教程，要求玩家精准把握重拍节奏控制小球交替跳动，遇到Z字型转角需放慢速度。地图由方格组成，跟错节拍会导致跳跃失误。游戏支持存档点设置，失败后可在此复活。随着关卡推进难度提升，还有隐藏关卡等待挑战，考验玩家的节奏感和操作技巧。
2025-06-15 07:55:36
913
原创 HTML 表单和输入
HTML表单是网页中用于收集用户输入的重要元素，主要通过<form>标签创建。表单包含多种输入控件，如文本输入框(<input type="text">)、密码框(<input type="password">)、单选按钮(<input type="radio">)、复选框(<input type="checkbox">)和下拉列表(<select><
2025-06-15 07:49:27
829
原创 HTML 布局
摘要：网页布局对网站外观至关重要，主要采用div元素和CSS进行设计。div作为块级元素可以创建多列布局（如页眉、菜单、内容区和页脚），而表格仅适用于呈现数据而非布局。CSS提供了更灵活的定位和样式控制，且便于维护。建议将CSS代码存放于外部样式表中，并通过模板快速构建专业布局。避免使用HTML表格进行页面布局，这是Web设计的重要准则。
2025-06-15 07:48:20
1060
原创 HTML 列表
HTML提供了三种列表形式：有序列表（<ol>）、无序列表（<ul>）和定义列表（<dl>）。无序列表使用项目符号标记，有序列表用数字编号，定义列表则包含项目及其描述。列表可以嵌套，且列表项内可包含文本、图片、链接等内容。示例展示了咖啡和牛奶在不同列表中的表现形式，并介绍了相关HTML标签（<li>、<dt>、<dd>等）。列表是网页内容组织的常用方式，具有灵活的结构化展示特性。（98字）
2025-06-15 07:46:07
683
原创 HTML 表单和输入
HTML表单是用于收集用户输入信息的工具，包含各种输入字段如文本输入框、密码框、单选按钮、复选框和下拉列表等。表单通过<form>标签创建，使用action属性指定数据提交的URL，method属性定义提交方式（如POST或GET）。<label>标签用于提高表单的可访问性，<input>标签是最常用的表单元素，其type属性定义输入类型，id和name属性分别用于关联标签和标识字段。<select>和<option>标签用于创建下拉列表。表单数据
2025-05-11 08:22:26
817
原创 HTML 布局
HTML网页布局对提升网站外观至关重要，设计时应谨慎选择布局方法。常见的布局方式包括使用<div>和<table>元素。<div>是块级元素，适合创建多列布局，而<table>虽然简单易用，但主要用于呈现表格化数据，不建议作为布局工具。CSS在布局中起到关键作用，能够定位元素并美化页面。通过将CSS代码存放在外部样式表中，可以更便捷地维护和更新网站布局。此外，使用模板可以快速构建高级布局，节省时间。
2025-05-11 08:21:16
786
原创 HTML 列表
HTML支持三种类型的列表：有序列表、无序列表和定义列表。有序列表使用<ol>标签，列表项用数字标记；无序列表使用<ul>标签，列表项通常用圆点标记；定义列表使用<dl>标签，包含项目<dt>和其描述<dd>。列表项内部可以包含段落、图片、链接等元素。HTML还支持列表的嵌套和不同类型的标记样式，提供了灵活的列表展示方式。
2025-05-11 08:19:17
489
原创 HTML 表格
HTML表格是用于展示结构化数据的标记语言元素，由<table>标签定义。表格包含若干行（<tr>），每行分割为若干单元格（<td>），并可使用<th>定义表头单元格。表格分为<thead>（标题部分）和<tbody>（主体部分），表头通常以粗体显示。表格还支持<tfoot>（页脚）和<caption>（标题），并可通过合并单元格、跨行/跨列操作及CSS样式进行自定义。实例展示了不同行列的表格，以及如何通过边框属
2025-05-11 08:17:53
1075
原创 HTML 图像
img src="url" alt="some_text">URL 指存储图像的位置。如果名为 "pulpit.jpg" 的图像位于 www.runoob.com 的 images 目录中，那么其 URL 为。
2025-05-02 08:39:10
777
原创 HTML ＜head＞
使用 <title> 标签定义HTML文档的标题使用 <base> 定义页面中所有链接默认的链接目标地址。使用 <meta> 元素来描述HTML文档的描述，关键词，作者，字符集等。
2025-05-02 08:37:06
1751
原创 HTML 链接
这是超链接最重要的属性，用来指定链接的目的地，可以是另一个网页、文件、邮件、电话号码或 JavaScript。_blank: 在新窗口或新标签页中打开链接。_self: 在当前窗口或标签页中打开链接（默认）。_parent: 在父框架中打开链接。_top: 在整个窗口中打开链接，取消任何框架。nofollow: 表示搜索引擎不应跟踪该链接，常用于外部链接。noopener 和 noreferrer: 防止在新标签中打开链接时的安全问题，尤其是使用 target="_blank" 时。
2025-05-02 08:31:38
2332
原创 HTML 文本格式化
标签描述<abbr>定义缩写<address>定义地址<bdo>定义文字方向定义长的引用<q>定义短的引用语<cite>定义引用、引证<dfn>定义一个定义项目。
2025-05-02 08:30:58
443
原创 HTML 属性
HTML5 引入了 data-* 属性，允许开发者自定义属性来存储额外的数据。data-*：用于存储自定义数据，通常通过 JavaScript 访问。
2025-05-02 08:28:51
787
10原创 HTML AI 编程助手
这两年 AI 发展迅猛，作为开发人员，我们总是追求更快、更高效的工作方式，AI 的出现可以说改变了很多人的编程方式。AI 对我们来说就是一个可靠的编程助手，给我们提供了实时的建议和解决方案，无论是快速修复错误、提升代码质量，或者查找关键文档和资源，AI 作为编程助手都能让你事半功倍。
2025-04-19 08:00:55
1143
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人