HTML(9)——字体修饰

常用的字体修饰属性

属性描述
font-size字体大小  单位:数字+px
font-weight字体粗细  单位:数字
font-style                                        字体倾斜 
line-height行高  单位:数字+px/数字(当前size的倍数)
font-family字体族
font字体复合属性
text-indent文本缩进
text-align文本对齐
text-decoration修饰线
color颜色

事项 

行高

行高实际由上间距+文本高度+下间距

测量方法:从一行文字的最顶端到下一行文字的最顶端。

单行文字想要垂直居中时,可以设置行高属性值与盒子高度属性值一致。

字体族

font-family属性值可以书写多个字体名用逗号隔开,依次从左到右查找。

复合属性

属性的简写方式,一个属性对应多个值的写法,各个属性值之间用空格隔开。(必须按顺序书写)

font:是否倾斜 是否加粗 字号/行高 字体

注:字号和字体必须书写,否则font不生效 

 文本缩进

属性名:text-indent

属性值:

  • 数字+px
  • 数字+em   (1em表示当前标签的字号大小)

文本对齐方式 

作用:控制内容水平对齐方式

属性名:text-align

属性值效果
left左对齐(默认)
center居中对齐
right右对齐

想让图片居中,可以给图片加一个父级标签例如<div>设置居中

修饰线 

属性名:text-decoration

属性值效果
none
underline下划线
line-through删除线
overline上划线

color文字颜色

写法:

颜色表示方法属性值说明
颜色关键字颜色的英文单词
rgb表示法rgb(r,g,b)r,g,b表示红绿蓝,取值0-255
rgba表示法rgba(r,g,b,a)a表示透明度,取值0-1
十六进制表示法#RRGGBB两两一组表示红绿蓝

如果一组当中两个数是一样的,可以简写为一位数:例如#00ffcc简写为#0fc

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/29874.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

微纳米气泡发生器是微纳米气泡产生装置 未来市场需求将不断释放

微纳米气泡发生器是微纳米气泡产生装置 未来市场需求将不断释放 微纳米气泡发生器即微纳米气泡发生设备&#xff0c;是一种将水和气体混合并产生微纳米气泡的设备。微纳米气泡是指直径在100μm以下的气泡&#xff0c;分为纳米气泡和微米气泡。   微纳米气泡发生器主要由发生设…

录屏录音两不误!电脑录屏录音软件推荐(3款)

在数字化时代&#xff0c;电脑录屏录音软件已成为教学、演示、会议记录等领域不可或缺的工具。它们能够捕捉屏幕上的每一个动作&#xff0c;同时录制音频&#xff0c;为用户提供直观、生动的视听材料。本文将详细介绍三种常用的电脑录屏录音软件&#xff0c;帮助读者了解并掌握…

Flink parallelism 和 Slot 介绍

Flink Parallelism介绍 在Apache Flink中&#xff0c;Parallelism&#xff08;并行度&#xff09;是一个核心概念&#xff0c;它决定了Flink任务&#xff08;Task&#xff09;的并行执行程度。Parallelism指的是在Flink应用程序中&#xff0c;一个算子&#xff08;Operator&am…

误删的文件不在回收站如何找回?6个恢复秘诀分享!

“我刚刚误删了一些文件&#xff0c;但是在回收站中没有看到这部分文件&#xff0c;这种情况下还有方法可以找回误删的文件吗&#xff1f;在线等一个答案&#xff01;” 在数字化时代&#xff0c;文件的安全和完整性对于个人和企业都至关重要。然而&#xff0c;有时候由于疏忽或…

【Android】使用SeekBar控制数据的滚动

项目需求 有一个文本数据比较长&#xff0c;需要在文本右侧加一个SeekBar&#xff0c;然后根据SeekBar的上下滚动来控制文本的滚动。 项目实现 我们使用TextView来显示文本&#xff0c;但是文本比较长的话&#xff0c;需要在TextView外面套一个ScrollView&#xff0c;但是我…

【100个C++面试题和解答】

以下是100个C面试题&#xff0c;每个问题后面都附有简单的解答。请注意&#xff0c;这些解答可能不是最深入或最全面的&#xff0c;但它们应该能够帮助您了解问题的基本概念。 问题&#xff1a;C中的main函数必须返回什么类型&#xff1f; 解答&#xff1a;main函数必须返回int…

利用K8S技术栈打造个人私有云

1.三个节点&#xff1a;master&#xff0c;slave&#xff0c;client 在Kubernetes集群中&#xff0c;三个节点的职责分别如下&#xff1a; Master节点&#xff1a; docker&#xff1a;用于运行Docker容器。 etcd&#xff1a;一个分布式键值存储系统&#xff0c;用于保存Kuberne…

42、基于神经网络的训练堆叠自编码器进行图像分类(matlab)

1、训练堆叠自编码器进行图像分类的原理及流程 基于神经网络的训练堆叠自编码器进行图像分类的原理和流程如下&#xff1a; 堆叠自编码器&#xff08;Stacked Autoencoder&#xff09;是一种无监督学习算法&#xff0c;由多个自编码器&#xff08;Autoencoder&#xff09;堆叠…

面试专区|【32道HDFS高频题整理(附答案背诵版)】

简述什么是HDFS&#xff0c;以及HDFS作用 &#xff1f; HDFS&#xff0c;即Hadoop Distributed File System&#xff0c;是Hadoop分布式文件系统。它是一个专门为了存储大量数据而设计的文件系统&#xff0c;能够在廉价的商用硬件上提供高吞吐量的数据访问&#xff0c;非常适合…

python使用openai做个简单的大模型对话转发服务

python库 openaiflaskdataclassestyping 废话不多说直接上干货 # 引入相关库 import datetime import json import logging from logging.handlers import RotatingFileHandler from openai import OpenAI from flask import Flask, request, jsonify, Response from datacl…

宝塔软件默认安装位置

自带的JDK /usr/local/btjdk/jdk8Tomcat 各个版本都在bttomcat这个文件夹下面&#xff0c;用版本区分。tomcat_bak8是备份文件 /usr/local/bttomcat/tomcat8nginx /www/server/nginxnginx配置文件存放目录 /www/server/panel/vhost/nginxredis /www/server/redismysql /…

nextjs(持续学习中)

return ( <p className{${lusitana.className} text-xl text-gray-800 md:text-3xl md:leading-normal}> Welcome to Acme. This is the example for the{’ } Next.js Learn Course , brought to you by Vercel. ); } 在顶级 /public 文件夹下提供静态资产 **默认 /…

AI在创造还是毁掉音乐?

随着人工智能&#xff08;AI&#xff09;技术的迅猛发展&#xff0c;它正在逐步渗透到各个领域&#xff0c;包括音乐创作。AI可以模拟人类作曲家&#xff0c;生成复杂的旋律和和声&#xff0c;甚至进行歌词创作。然而&#xff0c;这种技术进步引发了一个重要的争论&#xff1a;…

【数学】什么是方法矩估计?和最大似然估计是什么关系?

背景 方法矩估计&#xff08;Method of Moments Estimation&#xff09;和最大似然估计&#xff08;Maximum Likelihood Estimation, MLE&#xff09;是两种常用的参数估计方法。方法矩估计基于样本矩与总体矩的关系&#xff0c;通过样本数据计算样本矩来估计总体参数。最大似…

央国企财务专家的“专家课”——中国总会计师协会联合实在智能举办RPA专项培训

近日&#xff0c;中国总会计师协会正式举办了为期五天的「财务数字化思维与实用IT技能提升」专项培训&#xff0c;吸引了来自中铁十五局集团有限公司、中国航空工业规划设计院、中核核电运行管理有限公司、中国北方车辆有限公司、一汽物流有限公司等国企、事业单位及民营企业共…

【权威出版/投稿优惠】2024年水利水电与能源环境科学国际会议(WRHEES 2024)

2024 International Conference on Water Resources, Hydropower, Energy and Environmental Science 2024年水利水电与能源环境科学国际会议 【会议信息】 会议简称&#xff1a;WRHEES 2024 大会时间&#xff1a;点击查看 截稿时间&#xff1a;点击查看 大会地点&#xff1a;…

【Linux】进程间通信3——system V共享内存

1.system V进程间通信 管道通信本质是基于文件的&#xff0c;也就是说操作系统并没有为此做过多的设计工作&#xff0c;而system V IPC是操作系统特地设计的一种通信方式。但是不管怎么样&#xff0c;它们的本质都是一样的&#xff0c;都是在想尽办法让不同的进程看到同一份由操…

压力应变桥信号变送光电隔离放大模块PCB焊接式 差分信号输入0-10mV/0-20mV/0-±10mV/0-±20mV转0-5V/0-10V/4-20mA

概述&#xff1a; IPO压力应变桥信号处理系列隔离放大器是一种将差分输入信号隔离放大、转换成按比例输出的直流信号混合集成厚模电路。产品广泛应用在电力、远程监控、仪器仪表、医疗设备、工业自控等行业。该模块内部嵌入了一个高效微功率的电源&#xff0c;向输入端和输出端…

【深度解析】1688货源拿货价比拼多多贵?为何商家仍选1688

对电商卖家来说&#xff0c;首先需要解决的问题就是货源。 虽然知道1688是个大型综合性的货源平台&#xff0c;但很多卖家还是觉得1688上面的货源很贵&#xff0c;甚至在平台严查无货源的背景下&#xff0c;还是坚持从1688拿货。那么为什么有些拼多多的商品会比1688还便宜呢&a…

k8s redis 单节点部署

k8s redis 单节点部署kubectl 执行脚本 kubectl --kubeconfig ~/.kube-rz-real/config apply -f redis-leader.yaml -n rz-dt vi redis-leader.yamlapiVersion: apps/v1 kind: Deployment metadata:name: redis-leader-deploylabels:app: redisrole: leadertier: backend sp…