WangFuJie Blog

路在脚下，心向远方

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

HTML & CSS - CSS选择器

CSS选择器

CSS选择器多种多样，大类包括基础选择器、伪类选择器、伪元素选择器和组合选择器。通过这写选择器CSS就可以选择指定元素来进行样式的修改，本文将介绍常用的选择器，当然一些使用场景比较少的选择器可查阅mdn文档。

Posted by 王富杰 on Monday, September 1, 2025

avatar

DBA, OP, Software Developer, Open Source Enthusiast

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