css

设计稿是 #4A7C6F，页面量出来是 #4B7C6F：HEX、HSL、透明度、canvas 来回转的七个坑上周和设计对颜色，设计稿上写的是 hsl(164, 25%, 39%)，我在页面里量出来是 #4B7C6F，设计给的品牌色却是 #4A7C6F，差了一个 R。两个人对着屏幕看了半天，肉眼根本看不出区别，但 UI 自动化截图对比一跑就报差异。

weixin_44829025

书庐开发实战教学本文档基于一个真实、可运行的项目「书庐」整理而成。它不依赖任何后端、不依赖网络、不依赖第三方打包工具，纯前端（HTML + CSS + 原生 JavaScript）实现。

悬停旋转放大和位移效果如何写产品列表里图片要放大，头像要转一圈，卡片要往上抬——这些都是 transform 加 :hover。样式在 css/hoverTransform.css，页面在 index.html 里给块加上对应类就行，不用脚本。

css: Timeline scribble摘要：本文分享一个基于 HTML + CSS 实现的 Timeline 时间轴页面源码，采用纯前端技术构建，包含自定义字体加载、响应式布局、悬停动效等特性，适合用于展示历史事件、项目里程碑或个人经历的时间线场景。

CSS 格式化上下文CSS 的“格式化上下文”（Formatting Context）可以理解为：浏览器进行布局时使用的一套规则。

企业官网服务页的信息架构怎么设计：从用户问题到语义化 HTML企业官网服务页常见的一种问题是：页面有很多内容，但用户仍然无法快速回答几个基本问题——这项服务适不适合我？具体包含什么？项目如何推进？哪些内容需要另外确认？

断点不该认识设备：组件布局的容器状态治理响应式布局长期把“屏幕有多大”当作主要输入：@media 读取视口宽度，页面在某个断点切换列数、导航形态和卡片排版。这种方式在页面结构简单时足够有效；但当同一个卡片可能出现在主栏、侧栏、弹窗、分栏工作台或可拖拽面板中时，视口宽度就不再能准确描述它的真实处境。

【每天一个CSS | Day11】赛博朋克故障风文字：红青分离 + 切片抖动我们第一次引入JS，做了一张“光跟着鼠标走”的聚光卡片。今天回到零JS，做一种完全不同的质感：赛博朋克故障风文字。

【AI原生】借助AI之力优化个人博客前端样式恰逢中秋十一假期，想到自己的个人博客已经很久没有做前端优化了，趁着这段时间决定借助AI Coding的力量，把博客的前端样式整体优化一下，调整到自己预期内的效果。不得不说现在即便是很廉价的模型，最终都能够达成这个目标，因此打算写这篇博客，记录一下自己优化的历程。

两个西柚呀

JS事件总结事件最重要的概念就是：事件源，事件名，监听器，处理程序就是事件传播，描述的是从页面中接收事件的顺序如果单击了某个按钮，它们认为单击事件不仅仅发生在按钮上，甚至单击了整个页面

AI全栈实战 | 2.1-02 CSS 布局：垂直居中为什么是经典面试题？所有布局在解决什么矛盾上篇回顾：2.1-01 讲了 HTML 语义化的三大收益对象（SEO/无障碍/可维护性）和 DOM 模型 + 浏览器渲染流水线。本篇进入 CSS——后端工程师在前端最大的痛苦来源。样式不生效、布局错位、垂直居中搞不定……根因都是没系统理解 CSS 布局体系。

css揭秘-背景和边框当有容器b在容器a内容器b用了背景色和半透明边框则通过半透明边框只能看到容器b的背景色看不到容器a的背景色，可以在容器b加属性background-clip: padding-box，表示讲容器b边框处的背景色裁掉，就可以半透明看到容器a的背景而不是容器b的背景色

【每天一个CSS | Day08】整排按钮被鼠标吸走的磁吸导航视觉系周昨天收官，从今天起进入交互系周。前七天做的都是“看着好看”的效果——光、像素、立体、插画。它们有一个共同点：你不碰它，它就在那里自顾自地演。

css学习小结常用的有元素选择器，id选择器，类选择器，子元素选择器，群组选择器元素选择器是按html的元素选则比如 dev {color:red;}

liangshanbo1215

什么是CSS原子化？它的优劣势是什么？CSS 原子化就是把一个个具体 CSS 属性拆成职责单一的工具类，通过组合这些工具类来完成组件样式。例如传统 CSS：

Linear 用 1000 个 PR 换掉 styled-components，我写了 200 个按钮，把这笔账复现了一遍昨天 InfoQ 报道了 Linear 的一个里程碑：他们把 React 应用里的 styled-components 全部换成了 Meta 的 StyleX，工程量 1000 多个 PR、约 5 个月，今年 8 月初收尾。官方给的收益数字：视图重的页面主线程工作量降 20% 到 35%，中端机器上页面导航快了约 30%，切换页面时新注入的 CSS 规则是零。

JavaEE进阶-CSS初识1，CSS是什么2，CSS基本语法3，CSS三种引入4，CSS选择器5，CSS基础属性刚刚前面的文章讲到了HTML，这个是决定我们网页里面有什么，那么这个css是什么呢，css就相当于是网页的一个化妆术，就是给网页元素的样式进行一个改变，可以这么理解这三者的作用

css代替表格一、页面部分<view class="table"><view class="row rowHeader">

小刘在重生~

CSS 零基础完整学习笔记｜选择器｜盒子模型｜布局HTML 搭建网页骨架，CSS (Cascading Stylesheet 层叠 / 级联样式表) 负责给网页添加样式美化：设置颜色、字体、大小、背景、位置排版。

天天喝旺仔

浏览器渲染原理：从解析 HTML/CSS、构建渲染树到重排重绘与首屏优化摘要：本文从浏览器内核视角，把 HTML/CSS/JS 变成屏幕像素的全过程拆成「关键渲染路径」5 步，并讲清重排、重绘、合成三者的成本差异与触发条件。配合可运行对比代码（left 动画 vs transform 动画、读取 offset 触发强制重排、批量改样式），给出布局抖动解法、GPU 加速实战与 10 条首屏优化清单，帮你把零散概念串成可落地的性能优化体系。