- 博客(33)
- 收藏
- 关注
RSS订阅原创 CSS 外边距（margin）全解析：取值规则 + 实战用法
本文介绍了CSS外边距(margin)的核心用法和取值规则。margin用于控制元素与其他元素之间的间距，取值遵循"上、右、下、左"顺时针顺序，支持1-4个值设置不同方向的间距。与padding不同，margin控制元素外部间距而非内部间距。关键技巧包括：使用margin:0 auto实现块级元素水平居中，注意相邻元素的外边距折叠现象(取最大值)，以及通过单独属性精准控制单方向间距。margin广泛应用于元素间距控制、页面布局调整等场景，是CSS布局的重要属性。
2026-03-20 10:22:37
602
原创 CSS 内边距（padding）全解析：取值规则 + 表格实战
本文详细讲解CSS内边距(padding)的使用方法和应用场景。padding通过1-4个值的设置规则控制元素内容与边框的间距，其中2个值(上下/左右)的用法最常见。文章通过表格实例展示padding在单元格排版中的实际应用，说明其取值规则和注意事项。padding是优化元素内部间距的核心属性，不影响外部布局，特别适合表格、按钮、卡片等元素的排版优化。文中提供可直接复用的代码示例，帮助开发者快速掌握这一重要CSS属性。
2026-03-20 10:22:29
1108
原创 CSS 边框（border）全解析：样式 / 宽度 / 颜色 / 方向取值
摘要： 本文详解CSS边框(border)的核心用法，包含简写格式border:宽度 样式 颜色和分属性设置方法，重点说明四条边差异化样式的方向取值规则（上→右→下→左顺时针顺序）。通过代码示例演示实线、虚线、点线等常用样式，强调border-style为必填属性，并列举卡片、按钮等典型应用场景。核心知识点包括：1）简写属性顺序固定；2）支持1-4值方向控制；3）单边边框设置技巧。适合新手快速掌握边框定制化方案。
2026-03-20 10:22:19
739
原创 CSS 浮动（float）全解析：布局 / 文字环绕 / 清除浮动
本文详解CSS浮动(float)布局的核心用法，包含浮动定义、文字环绕效果及清除浮动方法。浮动通过left/right属性使元素脱离文档流，实现横向排列和图文混排效果。文章提供可直接复用的代码示例，展示两个div横向排列和图片文字环绕的实现方式，并重点说明清除浮动的两种方法：空标签法和伪元素法。同时指出浮动元素必须设置宽高，以及现代布局中flex/grid可作为替代方案。浮动仍是实现文字环绕等特定场景的有效工具，掌握其原理对CSS布局至关重要。
2026-03-19 22:58:23
459
原创 CSS display 属性全解析：块级 / 行内 / 行内块 / 隐藏
本文详细解析CSS display属性的4个核心取值及其应用场景。通过代码示例展示了block（独占一行、可设宽高）、inline（同行显示、宽高无效）、inline-block（兼具两者特性）和none（完全隐藏）的用法差异。重点对比了不同显示类型的排版特性，并指出行内元素宽高设置无效、属性覆盖规则等注意事项。文章还提供了导航栏布局、按钮样式等典型应用场景，强调display属性是控制元素布局和动态显示的核心工具，适合新手快速掌握基础用法。
2026-03-19 22:58:05
1790
原创 CSS 文本对齐方式实战：text-align 核心用法
本文详解CSS的text-align属性，介绍其核心用法和取值说明。通过极简代码示例展示left（左对齐）、center（居中对齐）、right（右对齐）和justify（两端对齐）四种常用效果，分别适用于正文、标题、金额日期和长文本排版。重点说明text-align仅作用于块级元素内部文本，justify需要多行文本才能生效，且具有继承特性。该属性是网页文本水平对齐的核心工具，掌握后能显著提升页面排版效果。
2026-03-19 22:57:55
232
原创 CSS 字体样式全解析：字体类型 / 大小 / 粗细 / 样式
本文介绍了CSS字体样式的核心属性与实战应用。通过font-family、font-size、font-weight和font-style属性，开发者可以精确控制网页文字的字体、大小、粗细和斜体效果。文章提供了可直接复用的代码示例，并详细解释了各属性的取值规则和使用场景。特别强调了字体兼容性处理、单位选择注意事项以及font简写属性的优势。建议开发者优先使用px/rem单位，设置兜底字体保障兼容性，合理运用font简写提升代码效率，满足不同文本的样式需求。
2026-03-18 23:16:50
713
原创 CSS 文本样式全解析：颜色 / 对齐 / 装饰 / 缩进
本文详解CSS文本样式的核心用法，包括color（颜色）、text-align（对齐）、text-decoration（装饰线）和text-indent（缩进）四大属性。通过实战代码演示了红色文字、居中对齐、多装饰线合并（上/下划线+删除线）、去除超链接下划线、2em首行缩进等效果。特别纠正了text-decoration与text-align的常见误用，并提供了超链接悬停效果、行高优化等实用技巧。强调text-indent推荐使用em单位，text-decoration多值需合并书写，颜色值建议采用十六进
2026-03-18 10:37:11
613
原创 CSS 背景样式全解析：颜色 / 图片 / 重复 / 尺寸
本文详细介绍了CSS背景样式的核心属性和应用方法，包括background-color（背景颜色）、background-image（背景图片）、background-repeat（重复方式）和background-size（尺寸控制）四大属性。通过极简代码示例展示了如何设置浅黄色背景、添加本地图片、控制平铺方式和调整图片尺寸。文章还讲解了路径设置、层级关系、简写方式等注意事项，并提供了背景不重复+居中的实用扩展方案。最后总结了纯色背景、装饰性背景图和全屏背景图等典型应用场景，帮助开发者快速掌握网页背景美化
2026-03-17 14:03:00
779
原创 CSS 组合选择器全解析：后代 / 子代 / 相邻兄弟 / 普通兄弟
本文详细解析CSS组合选择器的四种核心用法：后代选择器（选中所有层级元素）、子代选择器（仅选中直接子元素）、相邻兄弟选择器（选中紧邻的下一个元素）和普通兄弟选择器（选中之后所有兄弟元素）。通过代码示例展示每种选择器的具体应用场景和语法规范，并对比它们的核心差异。文章强调层级关系的重要性，提供典型应用场景如导航菜单控制和表单样式设置，帮助开发者精准定位HTML元素，提升样式控制灵活性。
2026-03-17 07:55:15
349
原创 CSS 基本选择器全解析：通用 / 元素 / ID / 类 / 分组（附优先级规则）
本文详解CSS五种基本选择器的使用方法和优先级规则。通用选择器(*)匹配所有元素，元素选择器针对特定标签，ID选择器(#id)控制唯一元素，类选择器(.class)可复用样式，分组选择器可简化代码。优先级从高到低为：行内样式>ID选择器>类选择器>元素选择器>通用选择器。建议避免滥用ID选择器，慎用通用选择器，采用语义化的class命名。掌握这些基础选择器是编写高效CSS代码的关键。
2026-03-16 09:48:17
274
原创 CSS 三种引入方式全解析：行内 / 内部 / 外部样式表（附优先级规则）
CSS 有行内样式、内部样式表、外部样式表三种引入方式，核心区别在于 “样式与结构的耦合度” 和 “复用性”；优先级遵循就近原则：行内样式 > 内部样式表 > 外部样式表；实际开发中优先使用外部样式表，仅在特殊场景使用行内 / 内部样式，保证代码可维护性。
2026-03-16 08:02:34
820
原创 HTML 嵌入 CSS 入门：基础语法与页面样式实战
本文介绍了HTML中嵌入CSS的基础方法，重点讲解了style标签的用法和CSS基础语法。主要内容包括：1）CSS代码必须放在head标签的style标签内；2）CSS语法结构由选择器、属性和值组成，属性和值间用冒号分隔，每条声明以分号结束；3）常用样式属性如background-color、color、font-family的使用方法；4）注意事项包括语法规范、选择器作用和颜色取值方式。文章提供了可直接复制的代码示例，帮助新手快速掌握HTML内嵌CSS的核心技术。
2026-03-15 16:32:10
2095
原创 HTML_textarea和label标签
textarea>是多行文本输入标签，通过 rows/cols 控制尺寸，区别于单行的；<label>标签通过for属性绑定表单元素 id，优化表单交互体验；textarea 默认值写在标签内部，而非 value 属性，这是与单行文本框的核心区别。
2026-03-14 21:03:33
80
原创 HTML_列表
HTML 列表分无序列表 (<ul>) 和有序列表 (<ol>)，均通过<li>定义列表项；<ul>的 type 属性控制标记样式（圆点 / 圆圈 / 方块），<ol>的 type 属性控制序号样式（数字 / 字母 / 罗马数字）；列表项<li>必须嵌套在 ul/ol 内，是实现列表结构的核心子标签。
2026-03-14 11:06:33
348
原创 HTML_格式化
本文介绍了HTML原生文本格式化标签的实用指南，包含最常用的标签及其核心功能。重点讲解了<font>设置字体样式、<pre>保留文本格式、<b>/<strong>粗体、<i>斜体、<u>下划线、<s>删除线以及<sub>/<sup>上下标等标签的使用方法和属性特点。这些标签无需CSS即可实现基础文本样式调整，特别适合新手快速上手和调试。文章提供了可直接复用的极简代码示例，帮助开发者快速掌握HTML原生
2026-03-13 18:09:27
532
原创 HTML_下拉框
HTML下拉框通过<select>和<option>标签实现，支持单选或多选功能。<select>可通过multiple属性实现多选，size控制显示行数，disabled禁用整个控件。<option>的value属性定义提交值，selected设置默认选项，disabled禁用特定选项。示例展示了普通下拉框和多选滚动列表的用法，强调需保持id唯一性，未选中选项不会提交，可通过required设置必选。注意避免重复ID，多选时需配合Ctrl/Cmd键操作。
2026-03-13 08:02:51
244
原创 HTML_input
本文介绍了HTML表单中input标签的核心用法，包含8种常用输入类型及其实战代码：文本框(text)、密码框(password)、单选框(radio)、复选框(checkbox)、文件域(file)、隐藏域(hidden)、日期框(date)和按钮类(submit/reset/button)。重点说明了单选框互斥规则（相同name）、表单提交前提（必须设置name属性）以及隐藏域的特殊用途。文章提供可直接复用的极简代码示例，适合新手快速掌握input标签的核心用法，包括各类型的关键属性和注意事项，如max
2026-03-12 16:07:41
236
原创 HTML_div和span标签
本文解析HTML中div与span标签的核心差异：div是块级元素，独占整行，常用于页面大布局；span是行内元素，不独占行，适用于行内文本样式调整。div支持设置宽高和边距，多个div会垂直排列；span宽度随内容自适应，需通过CSS改为行内块才能设置宽高。二者作为基础布局容器，需配合CSS实现样式控制，是网页结构搭建的关键元素。
2026-03-12 08:09:04
243
原创 HTML_button标签
本文对比了HTML中两种按钮实现方式：<input>系列和<button>标签。核心按钮类型包括普通按钮、提交按钮和重置按钮，其中提交/重置按钮需嵌套在<form>内才能生效。主要区别在于：<input>按钮只能设置文本，而<button>可嵌套图片等丰富内容；<button>默认类型为submit需特别注意。建议现代开发首选<button>标签，但需显式声明type属性避免默认提交行为。文中提供了可直接使用的极简代码示例和
2026-03-11 22:46:05
298
原创 HTML_a标签实现锚点
本文介绍了HTML锚点链接的实现方法，通过href="#id"和对应元素的id属性实现页面内跳转。示例代码展示了三个锚点链接的实现，点击链接可跳转到相应内容区域。文章还提供了增强用户体验的建议，如使用CSS的:target伪类实现跳转目标高亮效果。最后指出注意事项：锚点名称需唯一，现代SPA框架可能需要路由方案替代，并提到可通过scrollIntoView()方法实现更精细的控制。全文简明扼要地阐述了锚点链接的基本原理和进阶应用。
2026-03-11 08:05:51
98
原创 HTML_a标签
HTML超链接基础用法摘要：a标签通过href属性指定目标地址，支持绝对URL、相对路径等多种格式。关键属性包括target（控制打开方式，_blank为新窗口）和rel（安全设置）。最佳实践建议使用描述性文本、为外部链接添加noopener防护，以及使用download属性实现文件下载功能。示例展示了标准链接、内部链接和新窗口打开三种基础用法。
2026-03-10 13:53:55
227
原创 HTML_字符实体
摘要：字符实体是HTML中用于显示特殊符号的转义序列，以&开头、;结尾。常用实体包括<（<）、>（>）、&（&）等，可避免符号被解析为代码。示例显示<h2>会渲染为文本而非标签。需注意必须转义特定符号，且谨慎使用 空格实体。字符实体能正确显示保留字符和特殊符号，确保网页正常解析与显示。
2026-03-10 08:11:50
175
原创 HTML_图片
img 标签是 HTML 嵌入图片的唯一核心标签，通过src指定图片地址（本地 / 网络均可）；alt是必加属性（替代文本），控制尺寸，title增加交互提示；本地图片注意路径正确性，网络图片确保 URL 有效，仅设置单维度尺寸可避免图片变形。
2026-03-09 08:02:22
303
2
原创 HTML_段落与换行
p>标签用于定义语义化段落，通过align（或 CSStext-align）控制对齐，段落间自动生成空行；<br/>是单标签，用于同一文本块内的强制换行，无额外空行，避免滥用；现代开发建议用 CSS 替代align等原生属性，实现结构与样式分离，提升代码可维护性。
2026-03-09 08:01:43
204
原创 HTML_表格
本文介绍了HTML表格的基础结构和常用技巧。主要内容包括：1）表格核心标签（table/tr/th/td）及其属性（border/width/cellspacing等）；2）单元格合并方法（rowspan纵向合并和colspan横向合并）；3）优化建议（标签闭合、单元格数量调整、CSS样式替代原生属性等）。通过班级信息等实战案例，展示了如何创建结构化表格并实现单元格合并功能，同时推荐使用thead/tbody等语义化标签提升代码可读性。
2026-03-08 21:50:17
54
原创 HTML_表单
HTML表单与常用属性摘要：本文介绍了HTML核心通用属性和表单相关标签。通用属性包括id（唯一标识）、class（样式类）、style（内联样式）、name（表单字段名）和title（提示文本）。表单标签详解：<form>定义提交容器，含action、method等属性；<input>提供多种输入类型；<textarea>支持多行文本；<button>实现不同功能；<select>创建下拉菜单。文末给出了一个包含文本输入和提交按钮的基础表单示例代
2026-03-08 17:05:02
368
原创 数字校验（有没有饱饱会这道题呀）
本题要求实现一个函数，校验一个13位正整数号码是否正确。13位号码的最后一位是校验码。通过对前12位数字的加减乘除运算得到一个一位数字，如果和第13位数字相同，表示正确的号码。1、从最右边第12位开始间隔一位个位数相加，然后乘7。4、和第13位相校验，匹配就正确，不匹配则错误。2、剩下的其余数字相加，然后乘2。/* 请在这里填写答案 */3、再把两者加起来，除以10取余数。在这里给出相应的输出。在这里给出相应的输出。在这里给出一组输入。在这里给出一组输入。
2025-04-12 17:50:07
353
原创 Java简单编程-各位数之和等于10
1234是一个非常特殊的四位数，因为它的各位数之和为10，编程求所有这样的四位正整数，并要求这四个位数中没有0。
2025-04-10 18:59:01
299
原创 计算圆的面积
本题目要求读入1个表示圆半径的实数，输出这个圆的面积。程序中的圆周率请取值3.14159265。输出格式:在一行中输出结果，保留小数点后四位。输出样例: 3.1416。输入只有一行，1个实数。
2024-04-01 15:59:10
479
原创 判断i++和++i
+i是先进行自增运算，然后再把结果赋值给其他变量。例如，a = ++i 等同于 i = i + 1;而当++i作为独立表达式时（如for循环中的迭代器），它直接返回增加后的值。这里是选A，因为i++是后置加加，要先判断，然后i再自增，即：当来到while语句后，先用i=1与UPPER判断大小，然后i自增到2，判断的结果为真进入循环，所以最终i=100也是能进入循环的，符合题意。i++是先把当前的值赋给其他变量，然后再进行自增运算。例如，a = i++ 等同于 a = i;i = i + 1。
2024-03-29 11:32:45
443
1
原创 程序每次读入一个正3位数，然后输出按位逆序的数字。注意：当输入的数字含有结尾的0时，输出不应带有前导的0。比如输入700，输出应该是7。
每个测试是一个3位的正整数。
2024-03-27 21:58:47
955
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人