WangFuJie Blog

路在脚下，心向远方

HTML & CSS - 数据链接与块级格式化上下文

数据链接与块级格式化上下文

数据链接是一种把“数据本身直接写进链接里”的方式，把文件内容嵌入到URL，不通过地址下载。块级格式化上下文规定了普通流块盒的排列规则，通过学习块级格式化上下文就可以了解到前普通流中块盒为何这么排列的。

Posted by 王富杰 on Tuesday, April 7, 2026

HTML & CSS - 字体、图标与矢量图

字体、图标与矢量图

在网页中可以使用指定字体，但是用户的电脑可能没有按照，因此需要放到前端的代码中，在渲染网页时会自动下载。由于字体的放大缩小不会失真，因此许多图片可以使用字体图标，像字体一样支持使用CSS属性修改。同样放大缩小不会失真的还有svg矢量图。

Posted by 王富杰 on Monday, January 19, 2026

HTML & CSS - 常用元素与样式补充

常用元素与样式补充

本文中将补充一些常用搭配的元素、样式和选择器。包括多媒体元素、表格元素、表达元素。以及这些样式常用的css样式。

Posted by 王富杰 on Monday, January 12, 2026

HTML & CSS - 背景图&精灵图

背景图&精灵图

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

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

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

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

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

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

avatar

DBA, OP, Software Developer, Open Source Enthusiast

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