WangFuJie Blog

路在脚下，心向远方

HTML & CSS - 视觉、过渡、动画与布局

视觉、过渡、动画与布局

本节重点介绍CSS3提供的一些功能，包括视觉、过渡、动画与布局。通过这些属性就可以实现更华丽的动画效果。CSS3提供了flex布局和网格布局，有了这些属性就不需要使用浮动了。

Posted by 王富杰 on Wednesday, April 8, 2026

HTML & CSS - 背景图&精灵图

背景图&精灵图

背景图是给元素设置背景图片，背景图是样式由CSS来控制的，通过背景图可以实现精灵图。精灵图是把多个小图合并为一个大图，这样浏览器在加载图片时就可以只做一次请求。

Posted by 王富杰 on Thursday, January 8, 2026

HTML & CSS - 格式化视觉模型(浮动与定位)

格式化视觉模型(浮动与定位)

格式化视觉模型研究的是页面中多个盒子的排列规则，俗称布局规则。它把页面中盒子的排列方式分为三种：普通流、浮动和定位。

Posted by 王富杰 on Tuesday, December 30, 2025

HTML & CSS - 盒子模型

盒子模型

在网页设计中，每个元素都会生成一个矩形区域，这个矩形区域就会被认为是一个盒子(box)。盒模型就是用来描述这些盒子的方式。盒子类型我们先了解，行盒、块盒和行块盒。

Posted by 王富杰 on Thursday, December 25, 2025

HTML & CSS - CSS层叠与继承

CSS层叠与继承

当同一个元素被多个选择器选中且属性冲突时，浏览器会通过比较重要性、特殊性和源次序最终确实胜出的属性。本文还讲述了CSS属性的计算流程和继承，最终确定浏览器使用哪个属性值进行渲染。

Posted by 王富杰 on Tuesday, September 2, 2025

avatar

DBA, OP, Software Developer, Open Source Enthusiast

文章分类
css html hugo js python python基础 redis 其他 操作系统 网站建设
友情链接