文章封面

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

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

CSS 布局属性Display和Position介绍

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

文章封面
文章封面

Css选择器简介

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

css 实现自动添加‘...’省略号,支持多行和单行显示,需要支持webkit的属性可用

本文介绍使用CSS实现文本省略号显示的方法,通过webkit属性控制单行或多行文本溢出效果。关键代码包括设置overflow: hidden、text-overflow: ellipsis,利用-webkit-box布局模型,调整-webkit-line-clamp值控制显示行数(1为单行,3为多行),并配合word-break: break-all处理自动换行。该方法需兼容webkit内核浏览器。

文章封面