哎呦你好-CSDN博客

原创【CSS position 属性】static、relative、fixed、absolute 、sticky详细介绍，多层嵌套定位示例

通过合理运用 position 属性及其值，你可以构建出既美观又实用的页面布局。关键是理解每种定位方式的特性，并根据实际需求灵活组合使用。

2025-06-10 16:06:13 1152

原创响应式设计少不了的clamp()、calc()、max() 和 min() 函数详细讲解

通过合理组合 calc()、max()、min() 和 clamp()，可实现高度灵活且健壮的响应式设计，减少媒体查询依赖，提升代码可维护性。

2025-06-09 16:50:24 845

原创 flex-shrink=1什么意思？默认收缩规则是什么样的？

正常收缩”（所有项目按「flex-shrink值 × 基准尺寸」的比例分摊收缩量；适用于大多数需要内容自适应压缩的场景（如文本过长时自动截断）；对比（不收缩）或（收缩更快），是最均衡的收缩规则，因此称为 “正常”。

2025-06-08 11:30:00 598

原创 Flexbox 核心属性详解：flex、flex-basis、flex-grow、flex-shrink 的使用指南

掌握flex、flex-basis、flex-grow、flex-shrink这四个核心属性，就能灵活控制弹性盒布局中元素的尺寸分配，实现从简单到复杂的各种响应式布局。

2025-06-07 10:00:00 511

原创轮廓偏移（outline-offset）的深度解析

属性用于在元素的轮廓（outline）与边框（border）之间创建额外的间距。这个间距是透明的，意味着它不会被任何背景色填充，而是显示父元素或页面的背景。css/* 数值单位，如px、em、rem等 *//* 百分比值，相对于元素宽度 *//* 继承父元素的值 */支持负值：使轮廓向内偏移到元素内部透明性：偏移区域始终透明，不接受背景填充对所有轮廓有效：无论轮廓是通过 outline 属性设置，还是通过:focus 等伪类触发。

2025-06-06 10:16:06 409

原创 CSS 轮廓（Outline）与边框（Border）的深度解析

边框（Border）是元素盒模型的一部分，直接影响元素的尺寸计算由宽度、样式和颜色三个必要属性组成轮廓（Outline）是绘制于元素周围的一条线，不占据布局空间同样包含宽度、样式和颜色属性。

2025-06-06 09:55:36 1136

原创 CSS 选择器全解析：分组选择器/嵌套选择器，从基础到高级

通过掌握分组选择器、嵌套选择器和复杂组合，你可以精准控制网页中每一个元素的样式。允许你用 ** 逗号 (,)** 将多个选择器组合，为它们应用相同的样式。实际开发中，我们常将多种选择器组合使用，实现更精准的元素定位。的工具，就像 “元素的地址”。当多个选择器作用于同一元素时，CSS 会根据。ID 选择器优先级过高，容易导致样式冲突。是 CSS 中特殊的选择器，用于选中元素的。类选择器比元素选择器更灵活，更适合复用。（按元素 class 定位，可重复）（按元素 ID 定位，唯一）：混合不同类型的选择器。

2025-06-04 15:58:04 864

原创【rpx】css中rpx详细讲解，rpx和px怎么转换？

全称是。

2025-06-03 09:52:59 872

原创 CSS 单位全解析：从 px 到 rem/em/vh/vw，零基础学会尺寸换算与响应式设计

掌握单位特性和转换方法可灵活实现从固定布局到响应式设计。

2025-05-30 13:21:12 772

原创 CSS 渐变完全指南：从基础概念到实战案例（线性渐变/径向渐变/重复渐变）

CSS 渐变是提升网页视觉效果的重要工具，掌握线性渐变和径向渐变的核心语法，配合颜色停止点和方向控制，就能创建出丰富的过渡效果。

2025-05-30 13:14:14 577 1

原创安卓端和苹果端滚动条隐藏，并且仍然能滚动

小程序或者app上看到滚动条，并不是很美观，怎样去掉滚动条，还能滚动页面

2025-05-28 11:11:33 116

原创 HTML 表单与输入：基础语法到核心应用全解析

即使现在有 React Hook Form、Vue Formulate 等高级表单组件，HTML 原生表单仍是所有复杂表单的 “地基”

2025-05-27 11:14:26 988

原创 VS Code 安装后设置中文界面并添加常用插件的详细指南

通过以上步骤，你可以快速将 VS Code 配置为高效的开发环境。根据具体开发需求，可进一步探索插件市场中的细分工具（如 Docker 支持、数据库管理插件等）。

2025-05-27 10:40:39 833

原创 HTML 文件路径完全指南：相对路径、绝对路径解析与引用技巧

路径的本质是 “位置关系”，理解 “当前文件在哪里” 和 “目标文件在哪里”，就能写出正确的路径！

2025-05-26 16:27:18 975

原创 CSS 盒子模型：一文了解padding和margin，使用内边距、外边距和边框随心所欲实现布局！

通过反复练习设置不同的 padding/border/margin 值，观察浏览器中盒子的变化，就能快速掌握盒子模型的核心原理。

2025-05-25 09:45:00 477

原创 CSS 表格table：HTML 表格从基础结构到复杂样式

掌握这些基础属性和实战技巧，即使是复杂的数据表格也能轻松驾驭。

2025-05-24 09:15:00 689

原创 CSS 列表样式完全解析：从 ul/ol 基础到自定义样式

掌握这些核心知识点，可以灵活地自定义列表样式，实现更丰富的布局效果。

2025-05-23 13:28:02 460

原创【CSS border-image】图片边框拉伸不变形，css边框属性，用图片打造个性化边框

当用图片做边框时，还要考虑到一个问题，如何适应边框的宽高变化，并且图片不变形？本文深入解析 CSS border-image，用图片打造个性化边框。下图的效果就是利用border-image属性实现的图片边框自适应。

2025-05-23 10:57:58 1843 1

原创 CSS 边框零基础入门：border-width/style/color 全解析（附代码示例）

通过系统学习这些边框技巧，你可以轻松实现从基础到高级的各种边框效果。

2025-05-22 09:48:36 796

原创 CSS 链接样式全解析：从基础状态到高级交互效果

通过精心设计链接样式，可以显著提升用户体验和网站的视觉吸引力。

2025-05-21 14:06:44 555

原创 CSS 文字样式全解析：从基础排版到视觉层次设计

过系统掌握这些文字样式属性，你可以创建出既美观又易读的网页排版。建议在实际项目中建立一套统一的字体规范，并使用工具（如 Figma、Sketch）进行视觉设计验证。

2025-05-21 10:20:47 1176

原创【background】CSS 背景全解析：从基础属性到视觉魔法

CSS 背景属性用于定义HTML元素的背景。

2025-05-20 16:10:39 1169

原创 CSS 样式表的四种应用方式详解以及css注释的应用

将 CSS 代码保存为独立的。

2025-05-20 15:51:18 588

原创 CSS 选择器入门

CSS 选择器就像 “网页元素的遥控器”，用于定位 HTML 中的特定元素并应用样式。

2025-05-19 16:59:57 1208

原创初识css，css语法怎样学好css以及常见问题与避坑

CSS（Cascading Style Sheets）是一种用于描述网页文档（HTML 或 XML）呈现样式的语言。它负责控制网页元素的视觉表现，如颜色、字体、布局等，使内容与展示分离。

2025-05-19 09:28:58 477

原创 HTML 表格与div深度解析区别及常见误区

div>是HTML中最基本的块级容器元素，本身没有语义，主要用于组织和布局页面内容。表格（<table>）用于展示结构化数据，如财务报表、日程安排等。不要用表格做布局，也不要为了避开表格而过度复杂化<div>的使用。-<tbody>：表体区域（默认内容）-<th>：表头单元格（默认加粗居中）用多个<div>模拟表格结构展示复杂数据。-<thead>：表头区域（可选）-<tfoot>：表脚区域（可选）-<table>：表格容器。1.<div>是布局的基石。-<td>：数据单元格。

2025-05-15 16:50:00 539