WangFuJie Blog

路在脚下，心向远方

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

字体、图标与矢量图

一、字体 当我们的网页想使用一些指定的字体时，例如抖音美好体。但是大多用户电脑是没有这个字体的，因此需要制作这个字体并让用户浏览器自动下载安装

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

HTML & CSS - 盒子模型

盒子模型

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

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

avatar

DBA, OP, Software Developer, Open Source Enthusiast

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