css

【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 条首屏优化清单，帮你把零散概念串成可落地的性能优化体系。

响应式的真正输入：为组件重新定义可用空间一个商品卡放在主内容区时是横向图文结构；放进侧栏后，文字挤压、操作按钮换行；放进弹窗的双栏区域后，它又可能因为页面视口足够宽而继续套用“大屏样式”。

【Web·基础学习】基础布局普通元素（默认 display: block）里的内容是从上到下排列的。加上 display: flex; 之后，这个元素就变成了 Flex 布局容器，里面的子元素可以用更灵活的方式排列和居中。

晓得迷路了

栗子前端技术周刊第 148 期 - Turborepo 2.11、Chrome 154 iframe、Node.js 26...🌰栗子前端技术周刊第 148 期 (2026.09.21 - 2026.09.27)：浏览前端一周最新消息，学习国内外优秀文章，让我们保持对前端的好奇心。

响应式的真正输入：为组件重新定义可用空间一个商品卡放在主内容区时是横向图文结构；放进侧栏后，文字挤压、操作按钮换行；放进弹窗的双栏区域后，它又可能因为页面视口足够宽而继续套用“大屏样式”。

刃神太酷啦

前端入门第一课：HTML 基础语法 + 常用标签 + 实战全解浏览器中按F12能看到当前页面的前端代码–其中elements是查看标签结构 console是查看控制台 network是查看前后端交互过程

CSS 图标换色指南：用 brightness / invert / mask 把任意图片改成想要的颜色起因：一个蓝底按钮上的蓝色图标"看不见"，用一行 CSS 把它刷白。顺手把这类"给图片变色"的技巧整理成篇。

我命由我12345

CSS - CSS 媒体查询 orientation

HTML系列教程：18_HTML / CSS 颜色零基础详解在网页中，文字、背景、边框都需要设置颜色。HTML 本身不处理颜色，颜色全部写在 CSS 里。一共有 4 种写颜色的写法：