标签：Html - 宏尘极客|笔记

Halo使用iconfont替换Dream2.0 Plus主题部分功能图标

本文介绍了如何在Halo建站系统中使用iconfont图标库替换功能图标，详细说明了创建项目、添加图标、生成CSS文件和代码注入的步骤。通过引入iconfont，可以提升界面美观度、保持视觉统一性并减少资源占用。文章还提供了具体操作方法，包括通过CDN或本地文件添加图标，修改菜单项、侧边栏和社交渠道图标等注意事项，帮助开发者快速实现图标替换和优化。

技术知识其他工具常用

网站添加 PWA 配置，使网站支持像应用一样安装

PWA（渐进式Web应用）是一种让网站具备类似原生应用体验的技术，支持离线访问和主屏添加功能。配置PWA需完成以下步骤：创建manifest.json文件定义应用元数据（如名称、图标等），并在HTML中引入；注册Service Worker以缓存资源实现离线访问；添加必要的Meta标签确保功能兼容性。使用Dream2.0 Plus主题时，部分配置可自动完成，简化操作流程。

其他工具技术前端

CSS 布局属性Display和Position介绍

CSS 布局属性Display和Position介绍 1. Display 属性 Block: 将元素渲染为块级元素，如 <div>、<p>。 Inline: 将元素渲染为内联元素，如 <span>、<a>。 None: 元素不会被渲染，也不会占据任何空间。

技术前端

Css选择器简介

CSS是用于描述HTML文档样式的语言，可控制网页布局、颜色、字体等视觉表现。其语法由选择器和声明组成，常见选择器包括元素选择器（通过HTML元素名选择）、类选择器（使用点标识）和ID选择器（使用井号标识）。CSS样式属性涵盖文本颜色、背景色、字体大小、对齐方式、边距等。示例展示了如何为段落设置颜色、字体、对齐等样式，通过选择器将样式应用到指定元素上。

技术前端