css

软件技术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 等。

百度一下吧

CSS3 之后新增的特性：从 CSS4 到现代 CSS 的演进CSS3 是 CSS 发展历程中的一个重要里程碑，它引入了模块化、圆角、阴影、渐变、动画、弹性布局等大量特性。然而，CSS 的演进并未止步于 CSS3。自 CSS3 之后，W3C 不再以「CSS4」这样的大版本号来发布规范，而是将 CSS 拆分为众多独立模块，每个模块各自迭代版本。因此，所谓「CSS3 之后的新特性」，实际上是指 CSS 各模块在 CSS3 基础上持续新增的能力，以及 CSS Houdini、容器查询、子网格等一批全新特性。

第二篇：CSS3 全部知识点全解 + 项目样式实现承接第一篇，我们已经用 HTML5 搭好了 TaskFlow 任务管理器的骨架。本篇将系统讲解 CSS3 的全部知识点，并让骨架变成一个漂亮的界面。

程序员大阳

副队长CSS教程(36)–移动布局与响应式随着移动端设备普及，网页需要同时适配手机、平板、电脑等不同尺寸屏幕。移动布局和响应式布局是前端页面适配的核心方案。响应式布局依靠媒体查询，根据屏幕宽度自动调整样式，一套 HTML 页面兼容多端设备。本篇讲解视口设置、媒体查询、响应式常用思路，每个代码示例前介绍实现思路。

程序员大阳

副队长CSS教程(38)–transform 变换需要注意的是，本章内容对CSS入门者来说，不是必须掌握的，了解即可。transform 变换用来改变元素的几何形态，可以实现位移、缩放、旋转、倾斜。transform 本身没有动画效果，只是修改元素外观，想要平滑变化，一般搭配 transition 过渡一起使用。transform 变换不会改变文档流，不会挤压其他元素，性能很好。本篇讲解 transform 常用变换函数，每个代码示例前介绍实现思路。