css

对于CSS：选择器的解析hello 大家，本篇博客我们来学习CSS中的选择器~在前端开发的世界里，一直流传着一句话：“CSS 入门容易，精通难”。而这句话里的 “入门门槛”，90% 都集中在 CSS 选择器上。

CSS 学习（1）：语法、引入方式、选择器、字体与背景🔥keyipatience:个人主页🎬作者简介：C/C++后端开发学习者🌟专栏传送门：《c++》《linux》《c++高阶数据结构》《c++数据结构与算法》《前端学习》

程序员大阳

副队长HTML+CSS博客网站实战 (5)-文章详情页 article.html开发本篇开发文章详情页 article.html，继续复用网站公共头部与底部。详情页采用左右布局，左侧为文章阅读主体区域，右侧保留侧边栏，和首页布局结构保持统一。

CSS学习（2）｜元素显示模式、盒模型、Flex 布局🔥keyipatience:个人主页🎬作者简介：C/C++后端开发学习者🌟专栏传送门：《c++》《linux》《c++高阶数据结构》《c++数据结构与算法》《前端学习》

软件技术NINI

圣罗兰彩妆html+css 4页目录一、👨‍🎓网站题目二、✍️网站描述三、📚网站介绍四、🌐网站效果五、🪓 代码实现🧱HTML

【Web全栈进阶】Composition API与组件通信：props深入、emit、插槽ArticleCard会写了，但组件之间还是“孤岛”——早报站的页面结构要正式开搭，先解决组件怎么说话：父传子（props）、子传父（emit）、注入内容（slot）、双向绑定（v-model）。

企业官网静态页基础结构如何搭新站点不要从空白 html 写起。先按这套目录把文件归位，内页骨架用横幅、面包屑、栏目标题、分页四块，头尾单独文件，避免每个页面复制一份导航。

静态站点生成器怎么选：Node.js 生态里常用的五个（番外一）主系列五篇，把 Node.js 生态里那些能按 CMS 选的系统过了一遍。这篇是番外，回答一个选型时绕不开的困惑：GitHub 上语言标着 JavaScript、TypeScript 的，除了前面讲的那些，还有一大片"看着像 CMS、其实不是"的工具。它们做的是文档站、官网、作品集这一路，GitHub 的语言标签和各种"CMS 大全"榜单也常把它们算进去；可真按 CMS 的标准去要求它们，又一样都不占。

程序员大阳

副队长HTML+CSS博客网站实战 (1)–项目介绍与整体规划学习本实战项目前，建议先完成两个前置教程。学完以上两个教程，再进行本实战项目，比较合适。本系列实战教程不会只写简单的单页 demo，我们从零动手搭建一套多页面静态技术博客网站。整个项目只使用 HTML 和 CSS，不引入 JavaScript，把前面学习的 HTML 标签、各类选择器、Flex、Grid、过渡、阴影、渐变、伪类伪元素、响应式布局等知识点，在真实项目里落地练习。

程序员大阳

副队长HTML+CSS博客网站实战 (3)–首页主体：Grid 文章卡片 + 侧边栏布局首页主体采用左右两栏布局，左侧是文章卡片列表区域，右侧是侧边栏。首页 main 内部整体结构：主容器包裹左右两大板块，后续使用 Grid 实现两栏自适应。

程序员Sunday

Flex 和 Grid 有什么区别？一维布局、二维布局怎么选？Flex 主要沿一条主轴分配空间，适合导航、工具栏和一排需要伸缩的元素。即使换了行，各行也主要独立计算，不天然共享一套列轨道。

爱喝水的小周

实验十一 Vuex 实现王者荣耀后台比赛管理系统1、AdminLayout.vue2、Register.vue3、Login.vue4、Dashboard.vue

橘猫走江湖

浮动塌陷复现失败：父元素为什么一直不塌我想用一个左右对照页，演示经典的「父元素高度塌陷」：左侧子元素全部 float: left，父元素不包住它们；右侧加上 overflow: hidden，触发 BFC，高度恢复正常。

对于HTML：HTML常见标签的解析—下hello 大家，本篇博客我们就来对HTML常见标签进行一个小完结~在上一篇解析中，我们聊了标题、段落、图片、链接等基础展示类标签 —— 那些标签是网页的 “血肉”，负责把内容展示给用户看。但你有没有想过：

程序员大阳

副队长CSS教程(33)–圆角与透明在网页开发中，透明和圆角是两个使用频率极高的样式。圆角用来美化盒子，告别生硬直角；透明效果可以制作遮罩、半透明卡片。本篇讲解两种实现透明的方式以及圆角属性，每个知识点附带完整可运行代码。

【每天一个CSS | Day21】落地页Hero动画的分镜表动画系周，最后一天。这一周我们分别攻下了六种动画：今天把它们缝成一个完整的落地页Hero区。一篇“分镜表”驱动的产品首屏动画。

SPA 也能像原生 App：View Transitions API 从原理到可上线实战发布日期：2026-10-12 标签：前端 / CSS / View Transitions / SPA / 用户体验 / 性能

程序员大阳

副队长CSS教程(37)–transition 过渡需要注意的是，本章内容对CSS入门者来说，不是必须掌握的，了解即可。transition 过渡可以让 CSS 属性变化产生平滑动画效果。默认情况下，样式修改是瞬间完成的，transition 可以在属性改变时，自动生成中间过渡帧，实现流畅的状态切换。过渡需要触发条件，不能自动运行，常配合 hover 使用。本篇讲解 transition 基础语法、参数，每个代码示例前介绍实现思路。

CSS 动效基础CSS 动效是前端交互反馈与视觉体验的核心实现方式，基于浏览器合成线程原生渲染，具备 GPU 加速能力，性能远优于 JavaScript 动画。CSS 动效体系分为过渡动画与关键帧动画两大核心类型，配合原生动画事件实现动画生命周期的回调控制，能够覆盖状态反馈、入场出场、循环装饰等绝大多数动效场景，是构建流畅交互体验的基础。

百度一下吧

CSS 伪类使用与实践：从入门到进阶伪类是 CSS 中用于定义元素特殊状态的选择器。它允许开发者在不修改 HTML 结构的前提下，根据元素的交互状态、位置关系或内容特征来应用样式。伪类以英文冒号（:）开头，紧跟在选择器之后，例如 :hover、:first-child 等。