css

龙猫里的小梅啊

CSS（四）CSS文本属性补充：@font-face可定义服务器字体，语法：@font-face { font-family: 自定义字体名; src: url(字体文件路径); }，可实现客户端未安装字体的显示效果。

爱上好庆祝

学习js的第2天

天外飞雨道沧桑

详解CSS中的Containing Block：概念、规则与实战解析包含块（containing block）是CSS中决定元素尺寸和位置的关键参考区域，它直接影响百分比值的计算方式，是理解CSS定位机制的核心概念。

后台 Sidebar 伸缩交互（PC + 移动端）实现做前端开发的时候，经常会遇到这样的需求：页面左侧有个导航栏，但用户希望能把它收起来，腾出更多空间给主要内容。这个功能看起来简单，实际做起来还是有不少细节要处理的。今天就来聊聊怎么实现一个既好用又好看的导航栏收缩功能。

里欧跑得慢

微交互设计模式：提升用户体验的细节之美代码如诗，交互如画。让我们用微交互的魔法，为用户带来愉悦而难忘的体验。微交互是产品中那些小的、集中的交互设计，它们通常执行单一任务或响应单一用户操作。这些微小的细节虽然看似微不足道，但却能极大地提升用户体验，让产品感觉更加精致和人性化。

爱上好庆祝

学习js第一天（出发新世界）行内内部外部前几天在复习html和css去了，现在才开始js，但是js的前面的基础和我上学期学过的c语言差不多，还是很爽的，我看快一点吧，加油，加油

UI前端美化技能提升日志day6：（使用苹果字体+计算样式对比差异）在前端高仿企业级官网落地实战开发中，苹果中国官网复刻项目对UI还原度、字体原生适配、静态资源联动渲染有着极高标准，尤其官网专属定制字体、全局统一视觉基线、页脚精细化布局，都是复刻开发中的高频难点。今日全程闭环推进该前端复刻项目，从环境核验、资源溯源、代码调试到全页视觉对齐，逐一攻坚排查各类隐性兼容bug，彻底解决多轮卡点阻塞问题，稳步完成阶段性页面架构搭建、样式规整、资源适配全流程开发。本文完整复盘当日项目全推进链路，深度拆解核心故障成因、落地实操解决方案，同步沉淀可复用实战经验，适配所有同类高端官网复刻

是上好佳佳佳呀

【前端(九)】CSS Transform 2D/3D 变换笔记：分清两个原点，搞懂多重变换开启本小节学习之前，请大家带上富有想象力的立体思维~本小节的核心就是变形 transform。在踏入 2D 和 3D 变换前，有一个极其重要的基础概念——坐标系原点和变换中心点是两个完全不同的东西。

CSS终于支持渐变色的过渡了[特殊字符]🧑‍💻 写在开头点赞 + 收藏 === 学会🤣🤣🤣在做项目时，总会遇到UI给出渐变色的卡片或者按钮，但在做高亮的时候，由于没有过渡，显得尤为生硬。

hjt_未来可期

修改浏览器滚动条前端通过css来修改浏览器中滚动条的样式适用于Chrome、edge等大部分浏览器在css中使用伪元素对其进行样式定义

CSS基础入门在前端开发中，HTML负责搭建网页的“骨架”——比如哪里是标题、哪里是图片、哪里是段落；而CSS（Cascading Style Sheets，层叠样式表）则负责给这个骨架“化妆打扮”，控制网页的颜色、字体、布局、间距等所有视觉效果。没有CSS的网页，就像没有装修的房子，单调又简陋；有了CSS，才能打造出美观、有质感、符合用户审美的网页。

CSS 技术文章

Day02_HTML 标签详解：从基础到实践的完整指南在学习 HTML 之前，了解权威的参考文档非常重要：WHATWG HTML Living Standard: https://html.spec.whatwg.org/multipage/

数字孪生监控大屏实战模板：交通云实时数据监控平台前端数字孪生大屏，使用VUE3+Elementplus+Echarts+TS实现交通云实时数据监控平台，数字孪生，监控大屏展示，可下载作为课堂作业、界面模板、扩展开发，个人作品等。若想系统学习Echarts开发，我的课程提供了完整的Echarts基础知识讲解并附加大量实战案例，系列课程地址如下： 1. CSDN课程：https://edu.csdn.net/course/detail/40842 2. 51学堂课程：https://edu.51cto.com/course/40414.html

里欧跑得慢

12. CSS滤镜效果详解：为页面注入艺术灵魂CSS 滤镜（Filter）就像是网页的魔法棒，能瞬间改变元素的视觉效果，从简单的亮度调整到复杂的视觉变换，都能通过几行代码实现。作为一名把代码当散文写的 UI 匠人，我始终认为：好的滤镜效果不是简单的叠加，而是与页面整体风格的和谐统一。

里欧跑得慢

CSS 级联层：控制样式优先级的新方式代码如诗，层级如画。让我们用 CSS 级联层的魔法，创造出更加可控和可维护的样式系统。CSS 级联层（Cascade Layers）是 CSS 中的一项新特性，它允许开发者显式地定义样式的优先级顺序。通过创建不同的层，我们可以更好地控制样式的覆盖关系，避免样式冲突和特异性战争。

CSS全攻略：从基础到实战技巧CSS（Cascading Style Sheets）是一种样式表语言，用于描述HTML或XML文档的呈现方式。它定义了如何将文档内容显示在屏幕、纸张或其他媒体上。CSS的核心功能包括选择器、属性和值，通过这些可以实现对页面元素的精确控制。

CSS Flex 布局中flex-shrink: 0 使用flex-shrink: 0 是 CSS Flexbox 布局中的一个关键属性，用于禁止弹性项目（flex item）在容器空间不足时被压缩。以下是详细解释和示例：

css 点击显示并移动元素，再次点击移回元素并消失