当前位置： 首页 > news >正文

4.CSS文本属性

news 2026/4/18 10:50:03

4.1文本颜色

div {

color:red;

}

属性值
预定义的颜色值red、green、blue、pink
十六进制#FF0000,#FF6600,#29D794
RGB代码rgb(255,0,0)或rgb(100%,0%,0%)

4.2对齐文本

text-align 属性用于设置元素内文本内容的水平对齐方式。

div{

text-align:center;

}

属性值解释
left左对齐
right右对齐
center居中对齐
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>h1 {  /* 本质是让h1盒子里面的文字水平居中对齐 *//*text-align: center;*//* text-align:right; */text-align:left;}</style>
</head>
<body><h1>居中对齐的标题</h1>
</body>
</html>

4.3 装饰文本

text-decration属性规定添加到文本的修饰。可以给文本添加下划线、删除线、上划线等。

div{

        text-decration:underline;

}

属性值描述
none默认。没有装饰线（最常用）
underline下划线。链接a自带下划线（常用）
overline上划线。（几乎不用）
line-through删除线（不常用）

pay attention：

重点记住如何添加和删除下划线。

4.4缩进

text-indent:2m;

4.5 行高

line-height

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS文本外观之文本缩进</title><style>p {font-size:24px;text-indent:2em;line-height: 25px;}div {line-height: 26px;}</style>
</head>
<body><p>打开北京、上海与广州的地铁地图，你会看见三张纵横交错的线路网络，这代表了中国最成熟的三套城市轨道交通系统。</p><p>可即使这样，在北上广胜过的人依然少不了对地铁的抱怨，其中谈及最多的问题便是拥挤——对很多人而言，每次挤地铁的过程，都像是一场硬仗。更何况，还都是败仗居多。</p><p>那么，当越来越多的二线甚至三线城市迎接来了自己的地铁，中国哪里的地铁是最拥挤的呢？</p></body>
</html>

测量行高的工具是

相关文章：

4.CSS文本属性

4.1文本颜色 div { color:red; } 属性值预定义的颜色值red、green、blue、pink十六进制#FF0000,#FF6600,#29D794RGB代码rgb(255,0,0)或rgb(100%,0%,0%) 4.2对齐文本 text-align 属性用于设置元素内文本内容的水平对齐方式。 div{ text-align:center; } 属性值解释left左对齐ri…...

编程日记 2025/1/6 16:18:32

Mongo高可用架构解决方案

Mongo主从复制哪些事（仅适用特定场景） 对数据强一致性要求不高的场景，一般微服务架构中不推荐 master节点可读可写操作，当数据有修改时，会将Oplog（操作日志）同步到所有的slave节点上。那么对于从节点来说仅只读，所有slave节点从master节点同步数据，然而从节点之间互相…...

编程日记 2025/1/6 16:17:29

Rabbitmq 业务异常与未手动确认场景及解决方案

消费端消费异常&#xff0c;业务异常 与 未手动确认是不是一个场景&#xff0c;因为执行完业务逻辑&#xff0c;再确认。解决方案就一个&#xff0c;就是重试一定次数&#xff0c;然后加入死信队列。还有就是消费重新放入队列&#xff0c;然后重新投递给其他消费者&#xff0c;…...

编程日记 2025/1/6 16:16:27

linux,centos7.6安装禅道

1.cd /opt 2.wget https://www.zentao.net/dl/zentao/18.5/ZenTaoPMS.18.5.zbox_64.tar.gz 3.tar xvzf ZenTaoPMS.18.5.zbox_64.tar.gz 4./opt/zbox/zbox --aport 4005 --mport 3307 start 安全组开启一下两个端口 –aport 4005&#xff1a;设置Apache启动端口为4005 –mport 3…...

编程日记 2025/1/6 16:12:21

java基础之代理

代理模式&#xff08;Proxy Pattern&#xff09; 简介 是一种结构型设计模式&#xff0c;主要用于为某对象提供一个代理对象&#xff0c;以控制对该对象的访问。通过引入一个代理对象来控制对原对象的访问。代理对象在客户端和目标对象之间充当中介&#xff0c;负责将客户端的…...

编程日记 2025/1/6 16:11:19

计算机网络——期末复习（6）期末考试样例2（含答案）

一、单项选择题(每题1分&#xff0c;共10小题&#xff0c;共计10分) 1.因特网多播采用的管理协议是( )协议。 A.UDP B.BGP C.IGMP D.TCP 2.采用CIDR时&#xff0c;某计算机的IP地址是202.35.79.88/19&#xff0c;该计算机所处子网的地址是( )。 A.202.35.0.…...

编程日记 2025/1/6 16:09:17

JavaScript 获取DOM对象

html的标签被js获取到之后就变成了js对象&#xff0c;对象里面包含了标签的属性和方法 。同一时间获取多个对象则会翻译一个数组&#xff0c;数组元素是对象 获取方法 1. const a document.getElementById("id")&#xff0c;根据标签的id来获取。因为id是唯一的、…...

编程日记 2025/1/6 16:07:11

一文讲明白朴素贝叶斯算法及其计算公式（入门普及）

1、贝叶斯算法 贝叶斯定理由英国数学家托马斯贝叶斯 ( Thomas Bayes) 提出的&#xff0c;用来描述两个条件概率之间的关系。通常&#xff0c;事件A在事件B 发生的条件下与事件 B 在事件 A 发生的条件下&#xff0c;它们两者的概率并不相同&#xff0c;但是它们两者之间存在一定…...

编程日记 2025/1/6 16:06:09

实际开发中,常见pdf|word|excel等文件的预览和下载

实际开发中,常见pdf|word|excel等文件的预览和下载 背景相关类型数据之间的转换1、File转Blob2、File转ArrayBuffer3、Blob转ArrayBuffer4、Blob转File5、ArrayBuffer转Blob6、ArrayBuffer转File 根据Blob/File类型生成可预览的Base64地址基于Blob类型的各种文件的下载各种类型…...

编程日记 2025/1/6 16:05:07

Python自学 - 递归函数

1 Python自学 - 递归函数 递归函数是一种在函数体内调用自己的函数&#xff0c;就像“左脚踩着右脚&#xff0c;再右脚踩着左脚… 嗯&#xff0c;你就可以上天了&#xff01;”。递归函数虽然不能上天&#xff0c;但在处理某些场景时非常好用&#xff0c; 一种典型的场景就是遍…...

编程日记 2025/1/6 16:01:55

Spark-Streaming有状态计算

一、上下文 《Spark-Streaming初识》中的NetworkWordCount示例只能统计每个微批下的单词的数量&#xff0c;那么如何才能统计从开始加载数据到当下的所有数量呢&#xff1f;下面我们就来通过官方例子学习下Spark-Streaming有状态计算。 二、官方例子 所属包&#xff1a;org.…...

编程日记 2025/1/6 16:00:53

Markdown如何导出Html文件Markdown文件

Markdown如何导出Html文件Markdown文件 前言语法详解小结其他文章快来试试吧☺️ Markdown 导出 HTML &#x1f448;点击这里也可查看 前言 Markdown的源文件以md为后缀。Markdown是HTML语法的简化版本&#xff0c;它本身不带有任何样式信息。我们所看到的Markdown网页(如&…...

编程日记 2025/1/6 15:58:51

使用Python进行图像裁剪和直方图分析

一、简介 在数字图像处理领域&#xff0c;裁剪和分析图像的直方图是两个非常基本且重要的操作。本文将通过一个简单的Python项目&#xff0c;展示如何使用skimage和matplotlib库来裁剪图像并分析其RGB通道的直方图。 二、环境准备 在开始之前&#xff0c;请确保你已经安装了以…...

编程日记 2025/1/6 15:57:48

企业内管信息化系统

本文结尾处获取源码。 本文结尾处获取源码。 本文结尾处获取源码。 一、相关技术 后端&#xff1a;Java、JavaWeb / Springboot。前端&#xff1a;Vue、HTML / CSS / Javascript 等。数据库&#xff1a;MySQL 二、相关软件&#xff08;列出的软件其一均可运行&#xff09; I…...

编程日记 2025/1/6 15:56:45

【python因果库实战15】因果生存分析4

这里写目录标题 加权标准化生存分析总结个体层面的生存曲线 加权标准化生存分析 我们还可以将加权与标准化结合起来&#xff0c;使用 WeightedStandardizedSurvival 模块。在这里&#xff0c;我们将逆倾向得分加权模型&#xff08;根据基线协变量重新加权人群&#xff09;与加…...

编程日记 2025/1/6 15:53:43

Linux 线程详解

目录 一、线程概述 二、线程创建 三、线程终止 四、线程回收 五、线程取消 六、线程分离 七、线程安全 一、线程概述 线程是进程内的一个执行单元&#xff0c;是进程内可调度的实体。一个进程可以包含多个线程&#xff0c;这些线程共享进程的资源&#xff0c;如内存空…...

编程日记 2025/1/6 15:52:41

云架构：考量与框架

云架构&#xff1a;考量与框架 引言 在当今的数字化环境中&#xff0c;云计算已成为现代商业运营的基石。一个设计良好的云架构框架为可扩展、安全和弹性的系统奠定了基础。本文将深入探讨云架构的核心要素&#xff0c;讨论重要的考量因素、设计指南&#xff0c;以及最佳实践…...

编程日记 2025/1/6 15:42:26

SD下载、安装、使用、卸载-Stable Diffusion整合包v4.10发布！

目录 前言概述 SD安装1、安装软件2、启动3、配置4、运行5、测试 导入SD模型【决定画风】常用模型下载安装模型 SD卸载SD文生图提示词提示词使用技巧提示词的高级使用技巧强调关键词 前言 我向来不喜欢搞一些没有用的概念&#xff0c;所以直接整理可能用到的东西。 sd简单的说…...

编程日记 2025/1/6 15:41:24

java 发送邮件

前期准备 pom文件中引入 JavaMail API 和 JavaBean Activation FrameWork&#xff0c;得到两个jar包&#xff1a;mail.jar 和 activation.jar 发送简单邮件&#xff08;只有邮件正文&#xff0c;普通文本&#xff09; package com.zbttest.email;import com.sun.mail.util.Ma…...

编程日记 2025/1/6 15:40:18

聚类系列 (二)——HDBSCAN算法详解

在进行组会汇报的时候&#xff0c;为了引出本研究动机&#xff08;论文尚未发表&#xff0c;暂不介绍&#xff09;&#xff0c;需要对DBSCAN、OPTICS、和HDBSCAN算法等进行详细介绍。在查询相关资料的时候&#xff0c;发现网络上对于DBSCAN算法的介绍非常多与细致&#xff0c;但…...

编程日记 2025/1/6 15:37:13

tracetcp终极指南：免费TCP路由追踪工具快速上手

tracetcp终极指南&#xff1a;免费TCP路由追踪工具快速上手 【免费下载链接】tracetcp tracetcp. Traceroute utility that uses tcp syn packets to trace network routes. 项目地址: https://gitcode.com/gh_mirrors/tr/tracetcp 你是否曾经遇到过这样的困境&#xf…...

编程新知 2026/4/18 9:30:22

实战分享怎样实现IntelliJ IDEA 打包 Web 项目 WAR 包（含 Tomcat 部署 + 常见问题解决）

在 Java Web 开发中&#xff0c;“本地能跑”只是第一步&#xff0c;真正让很多人头疼的是后续这条链路&#xff1a; 项目打包 → 生成 WAR → 部署 Tomcat → 启动验证 → 排查报错。尤其是刚从 Spring Boot 内嵌容器模式转向传统 WAR 部署、或者接手老项目时&#xff0c;常常…...

编程新知 2026/4/18 9:00:03

glogg实战指南：跨平台高效日志分析解决方案深度解析

glogg实战指南&#xff1a;跨平台高效日志分析解决方案深度解析 【免费下载链接】glogg A fast, advanced log explorer. 项目地址: https://gitcode.com/gh_mirrors/gl/glogg 面对海量日志文件时&#xff0c;传统文本编辑器和命令行工具的局限性日益凸显&#xff1a;内…...

编程新知 2026/4/18 8:55:43

高效显卡配置指南：NVIDIA Profile Inspector开源工具的完整使用方案

高效显卡配置指南&#xff1a;NVIDIA Profile Inspector开源工具的完整使用方案 【免费下载链接】nvidiaProfileInspector 项目地址: https://gitcode.com/gh_mirrors/nv/nvidiaProfileInspector 在游戏优化和显卡性能调校领域&#xff0c;NVIDIA Profile Inspector&am…...

编程新知 2026/4/18 8:39:06

小白也能玩转SAM3！Gradio交互界面一键部署，文字描述精准分割图片

小白也能玩转SAM3&#xff01;Gradio交互界面一键部署&#xff0c;文字描述精准分割图片 1. 什么是SAM3图像分割模型 Segment Anything Model 3&#xff08;简称SAM3&#xff09;是Meta最新发布的第三代万物分割模型。与传统的图像分割技术不同&#xff0c;SAM3最大的特点是支…...

编程新知 2026/4/18 8:32:45

std::promise和std::future的用法

1、std::promise和std::future注意用来在线程间传递数据&#xff08;不用手工同步来传递数据&#xff09;。2、在之前通过传递引用来传递数据&#xff0c;也能达到上述效果&#xff0c;但是需要手动同步&#xff0c;否则获取到不可预测的结果。#include <iostream> #incl…...

编程新知 2026/4/18 7:20:46

CN3166 符合 JEITA 标准可用太阳能供电的锂电池充电管理芯片

概述&#xff1a; CN3166是可以用太阳能供电的单节锂电池充电管理芯片。该器件内部包括功率晶体管&#xff0c;不需要外 部的电流检测电阻和阻流二极管。内部的充电电流自适应模块能够根据输入电源的电流输出能力 自动调整充电电流&#xff0c;用户不需要考虑最坏情况&#xff…...

编程新知 2026/4/18 6:23:46

【限时解禁】Gartner未公开评估报告节选：Top 8低代码平台AI就绪度排名，第3名意外反超OutSystems（含API粒度级生成延迟实测数据）

第一章&#xff1a;智能代码生成与低代码平台融合的范式演进 2026奇点智能技术大会(https://ml-summit.org) 传统软件开发正经历一场静默而深刻的范式迁移&#xff1a;从“手写全栈逻辑”走向“意图驱动的协同构建”。智能代码生成模型&#xff08;如基于LLM的Copilot类工具&a…...

编程新知 2026/4/18 4:51:19

微服务架构与云原生开发：Guia do Desenvolvedor Back-end高级架构指南

微服务架构与云原生开发&#xff1a;Guia do Desenvolvedor Back-end高级架构指南 【免费下载链接】guiadobackend Nesse guia voc encontrar tudo para se torna um desenvolvedor back-end, dessa maneira, encontrar mapas mentais, cursos, trilhas e outras ferramentas p…...

编程新知 2026/4/18 4:35:14

实战篇（一）：从零构建领域知识图谱——基于Protege的本体建模与知识表示

1. 知识图谱与本体建模入门指南 第一次接触知识图谱时&#xff0c;我被那些复杂的术语吓得不轻。直到自己动手做了几个项目才发现&#xff0c;这东西就像搭积木一样有趣。知识图谱本质上就是用计算机能理解的方式&#xff0c;把现实世界中的事物和关系组织起来。比如在游戏领域…...

编程新知 2026/4/18 3:46:33