re:从0开始的CSS学习之路 6. 字体相关属性

news/2025/2/7 15:10:14/

1. 字体相关属性

  1. font-size 字体大小

  2. font-family 字体的系列(字体簇)
    可以设置多个字体,每个字体之间以逗号隔开
    设置多个字体的目的是为了用户尽可能的支持字体
    网页字体的五大类:
    serif 衬线字体
    sans-serif 非衬线字体
    monospace 等宽字体
    cursive 草书字体
    fantasy 虚幻字体
    若字体名称中包含空格,则必须使用双引号

  3. font-weight 字体的粗细
    可选值:
    normal 正常显示(默认值)
    bold 粗体
    lighter 特细
    bolder 特粗
    "number" 利用数值指定粗细100-900,值后没有单位
    400相当于normal 700相当于bold

  4. font-style 字体的样式
    可选值:
    normal 正常显示
    italic 斜体
    通常斜体使用相对较少,反而将斜体设置成normal

字体的简写属性:font,使用一个font属性设置所有的相关属性
font:font-style font-weight font-size/line-height font-family

注意:

  1. 每个属性之间以空格隔开
  2. font-size font-family 不可以省略并且必须按照顺序书写,其他可以省略

示例如下:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>h1 {font-size: 80px;font-family: monospace;}p {/* font-size: 30px;font-family: serif;font-weight: bolder;font-style: italic; */font: italic bolder 80px serif;}
</head><body><h1>天天好心情 I'M happy</h1><p>今天天气不错</p><p>挺风和日丽的</p><p>我们今天在上课</p><p>我心情挺好的</p>
</body></html>

http://www.ppmy.cn/news/1346220.html

相关文章

常识与非常识

常识与非常识之间的区别主要体现在知识的普遍接受程度、直觉性、以及日常应用的广泛性上。理解这两者的差异有助于我们更好地认识人类知识和认知过程的复杂性。 常识 常识是指大多数人在日常生活中广泛接受并使用的知识或信念。这种知识往往被认为是基本的、直观的&#xff0c;…

Go基础学习笔记-01

学习笔记记录了我在学习官方文档过程中记的要点&#xff0c;可以参考学习。 go build *.go 文件 编译 go run *.go 执行 go mod init 生成依赖管理文件 gofmt -w *.go 格式换名称的大小写用来控制方法的可见域主方法及包命名规范 package main //注意package的命名&#xff0…

QT学习(五)C++函数重载

一、 函数重载 在同一个作用域内&#xff0c;可以声明几个功能类似的同名函数&#xff0c; 这些同名函数的形式参数&#xff08;指参数的个数、类型或者顺序&#xff09;必须不同。您不能仅通过返回类型的不同来 重载函数。 下面的实例中&#xff0c;同名函数 print() 被用…

<网络安全>《16 网络安全隔离与信息单向导入系统》

1 概念 网络安全隔离与信息单向导入系统解决了从外网向内网、低密级环境向高密级环境单向传输数据的问题。系统利用光单向传输的特性构建了一条安全、单向的传输通道&#xff0c;实现了外网到内网的数据传输&#xff08;低密级到高密级的传输&#xff09;&#xff0c;又能完全…

Java 使用 ant.jar 执行 SQL 脚本文件

Java 使用 ant.jar 执行 SQL 脚本文件&#xff0c;很简单。 在 pom.xml 中导入 ant 依赖 <dependency><groupId>org.apache.ant</groupId><artifactId>ant</artifactId><version>1.10.11</version> </dependency>sql 脚本文件…

【漏洞复现】和为顺IP-COM WiFi未授权下载漏洞

Nx01 产品简介 深圳市和为顺网络技术有限公司是一家聚焦于商用级网络通信设备的研发与应用&#xff0c;为全球中小型企业提供高速、安全、易维护的网络设备产品和解决方案的公司。 Nx02 漏洞描述 深圳市和为顺网络技术有限公司IP-COM WiFi方案解决专家存在任意文件下载漏洞&am…

Houdini 18.5 Nodes Geometry nodes geometry node 多边形节点 - 自用,翻译有误

Houdini 18.5 Nodes Geometry nodes geometry node 列1 Adapt to Terrain 适应地形 Adapts a character’s skeleton to conform to terrain. 调整角色的骨架以适应地形。 Adaptive Prune 自适应修剪 Removes elements while trying to maintain the overal…

windows下docker的使用

目录 1&#xff1a;docker是什么&#xff0c;能干什么&#xff1f; 2&#xff1a;docker下初始化一个容器 1&#xff1a;工具支持 2&#xff1a;运行装载docker镜像 a&#xff1a;在docker toolbox底下有个start.sh&#xff0c;我们进去里面修改里面路径配置&#xff1a; …