- 博客(60)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【css】两行代码实现响应式布局，让卡片、图片、内容块自动适应各种屏幕宽度
我们只需两行 CSS 就能实现强大的响应式布局，告别繁琐的媒体查询和弹性布局计算。
2025-07-07 14:19:35
594
原创 【CSS】Grid 布局基础知识及实例展示
CSS Grid 布局是一种二维网格布局系统，与 Flexbox（一维布局模型）不同，Grid 能够同时处理行和列，使你可以更高效地设计复杂的网页布局。
2025-06-30 16:28:30
580
原创 【Flex弹性布局】flex-direction、justify-content、align-items、flex-wrap属性的详细讲解
flex-direction、justify-content、align-items、flex-wrap等属性的详细讲解
2025-06-20 14:32:47
893
原创 卡片区样式，按钮样式，运营模块
近期举办的活动</view><view class="tit">主题活动</view><view class="tit">意见反馈</view><view class="tit">会议室
2025-06-17 16:00:45
891
原创 【CSS position 属性】static、relative、fixed、absolute 、sticky详细介绍，多层嵌套定位示例
通过合理运用 position 属性及其值，你可以构建出既美观又实用的页面布局。关键是理解每种定位方式的特性，并根据实际需求灵活组合使用。
2025-06-10 16:06:13
1249
原创 响应式设计少不了的clamp()、calc()、max() 和 min() 函数详细讲解
通过合理组合 calc()、max()、min() 和 clamp()，可实现高度灵活且健壮的响应式设计，减少媒体查询依赖，提升代码可维护性。
2025-06-09 16:50:24
947
原创 flex-shrink=1什么意思？默认收缩规则是什么样的？
正常收缩”（所有项目按「flex-shrink值 × 基准尺寸」的比例分摊收缩量；适用于大多数需要内容自适应压缩的场景（如文本过长时自动截断）；对比（不收缩）或（收缩更快），是最均衡的收缩规则，因此称为 “正常”。
2025-06-08 11:30:00
625
原创 Flexbox 核心属性详解：flex、flex-basis、flex-grow、flex-shrink 的使用指南
掌握flex、flex-basis、flex-grow、flex-shrink这四个核心属性，就能灵活控制弹性盒布局中元素的尺寸分配，实现从简单到复杂的各种响应式布局。
2025-06-07 10:00:00
548
原创 轮廓偏移（outline-offset）的深度解析
属性用于在元素的轮廓（outline）与边框（border）之间创建额外的间距。这个间距是透明的，意味着它不会被任何背景色填充，而是显示父元素或页面的背景。css/* 数值单位，如px、em、rem等 *//* 百分比值，相对于元素宽度 *//* 继承父元素的值 */支持负值：使轮廓向内偏移到元素内部透明性：偏移区域始终透明，不接受背景填充对所有轮廓有效：无论轮廓是通过 outline 属性设置，还是通过:focus 等伪类触发。
2025-06-06 10:16:06
441
原创 CSS 轮廓（Outline）与边框（Border）的深度解析
边框（Border）是元素盒模型的一部分，直接影响元素的尺寸计算由宽度、样式和颜色三个必要属性组成轮廓（Outline）是绘制于元素周围的一条线，不占据布局空间同样包含宽度、样式和颜色属性。
2025-06-06 09:55:36
1248
原创 CSS 选择器全解析：分组选择器/嵌套选择器，从基础到高级
通过掌握分组选择器、嵌套选择器和复杂组合，你可以精准控制网页中每一个元素的样式。允许你用 ** 逗号 (,)** 将多个选择器组合，为它们应用相同的样式。实际开发中，我们常将多种选择器组合使用，实现更精准的元素定位。的工具，就像 “元素的地址”。当多个选择器作用于同一元素时，CSS 会根据。ID 选择器优先级过高，容易导致样式冲突。是 CSS 中特殊的选择器，用于选中元素的。类选择器比元素选择器更灵活，更适合复用。（按元素 class 定位，可重复）（按元素 ID 定位，唯一）：混合不同类型的选择器。
2025-06-04 15:58:04
928
原创 CSS 单位全解析：从 px 到 rem/em/vh/vw，零基础学会尺寸换算与响应式设计
掌握单位特性和转换方法可灵活实现从固定布局到响应式设计。
2025-05-30 13:21:12
850
原创 CSS 渐变完全指南：从基础概念到实战案例（线性渐变/径向渐变/重复渐变）
CSS 渐变是提升网页视觉效果的重要工具，掌握线性渐变和径向渐变的核心语法，配合颜色停止点和方向控制，就能创建出丰富的过渡效果。
2025-05-30 13:14:14
782
1
原创 HTML 表单与输入：基础语法到核心应用全解析
即使现在有 React Hook Form、Vue Formulate 等高级表单组件，HTML 原生表单仍是所有复杂表单的 “地基”
2025-05-27 11:14:26
1013
原创 VS Code 安装后设置中文界面并添加常用插件的详细指南
通过以上步骤，你可以快速将 VS Code 配置为高效的开发环境。根据具体开发需求，可进一步探索插件市场中的细分工具（如 Docker 支持、数据库管理插件等）。
2025-05-27 10:40:39
1621
原创 HTML 文件路径完全指南：相对路径、绝对路径解析与引用技巧
路径的本质是 “位置关系”，理解 “当前文件在哪里” 和 “目标文件在哪里”，就能写出正确的路径！
2025-05-26 16:27:18
1492
原创 CSS 盒子模型：一文了解padding和margin，使用内边距、外边距和边框随心所欲实现布局！
通过反复练习设置不同的 padding/border/margin 值，观察浏览器中盒子的变化，就能快速掌握盒子模型的核心原理。
2025-05-25 09:45:00
508
原创 【CSS border-image】图片边框拉伸不变形，css边框属性，用图片打造个性化边框
当用图片做边框时，还要考虑到一个问题，如何适应边框的宽高变化，并且图片不变形？本文深入解析 CSS border-image，用图片打造个性化边框。下图的效果就是利用border-image属性实现的图片边框自适应。
2025-05-23 10:57:58
2436
1
原创 CSS 边框零基础入门：border-width/style/color 全解析（附代码示例）
通过系统学习这些边框技巧，你可以轻松实现从基础到高级的各种边框效果。
2025-05-22 09:48:36
901
原创 CSS 文字样式全解析：从基础排版到视觉层次设计
过系统掌握这些文字样式属性，你可以创建出既美观又易读的网页排版。建议在实际项目中建立一套统一的字体规范，并使用工具（如 Figma、Sketch）进行视觉设计验证。
2025-05-21 10:20:47
1267
原创 初识css，css语法怎样学好css以及常见问题与避坑
CSS（Cascading Style Sheets）是一种用于描述网页文档（HTML 或 XML）呈现样式的语言。它负责控制网页元素的视觉表现，如颜色、字体、布局等，使内容与展示分离。
2025-05-19 09:28:58
487
原创 HTML 表格与div深度解析区别及常见误区
div>是HTML中最基本的块级容器元素，本身没有语义，主要用于组织和布局页面内容。表格（<table>）用于展示结构化数据，如财务报表、日程安排等。不要用表格做布局，也不要为了避开表格而过度复杂化<div>的使用。-<tbody>：表体区域（默认内容）-<th>：表头单元格（默认加粗居中）用多个<div>模拟表格结构展示复杂数据。-<thead>：表头区域（可选）-<tfoot>：表脚区域（可选）-<table>：表格容器。1.<div>是布局的基石。-<td>：数据单元格。
2025-05-15 16:50:00
577
原创 HTML 颜色全解析：从命名规则到 RGBA/HSL 值，附透明度设置与场景应用指南
详解预定义颜色名、RGB / 十六进制 / HSL 三种数值表示法，深度解析透明度（Alpha 通道）在背景、边框、渐变中的应用，结合响应式设计、无障碍适配等实战案例，助力打造视觉和谐的网页配色方案
2025-05-14 16:12:20
2091
原创 一文搞懂 HTML 头部配置与 CSS 样式三剑客：内联、内部、外部样式的正确打开方式
无论技术如何发展，理解HTML `<head>`和三种基本样式应用方式仍是前端开发的基础。
2025-05-14 13:11:50
589
原创 【HTML 】块元素和行内元素、行内块级元素都是怎么回事？一文解释清楚！
理解块级元素和行内元素的区别是掌握HTML布局的基础。块级元素适合构建页面框架，而行内元素适合处理文本和小型交互。
2025-05-13 15:16:09
1243
原创 【HTML基础】id、class、style的用法、区别一文讲清楚
通过合理使用id、class和style，可以构建结构清晰、可维护性高的网页。
2025-05-13 09:40:54
661
原创 【HTML元素】常见的HTML元素分类及其用途
HTML元素的分类有助于理解其用途和语义，合理使用这些元素可以提高代码的可读性、可维护性和搜索引擎优化（SEO）效果。
2025-05-12 15:08:29
798
原创 【HTML】什么是HTML？HTML简介
HTML超文本标记语言（英语：HyperText Markup Language）是一种用于创建网页的标准标记语言。
2025-05-08 16:25:11
321
原创 【css立体字】text-shadow 提升文本的视觉效果
text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。
2025-05-08 10:28:50
415
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人