masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial css > 怎样在css里更改字体大小

怎样在css里更改字体大小

王林
Lepaskan： 2023-01-03 09:27:37
asal
6518 orang telah melayarinya

在css里更改字体大小可以使用font-size属性，如【font-size:smaller;】，表示把字体设置为比父元素更小的尺寸。如果我们需要把字体大小设置为一个固定值，可以使用【font-size:length;】。

怎样在css里更改字体大小

本文操作环境：windows10系统、css 3、thinkpad t480电脑。

css中有一个专门用来设置字体大小的属性font-size，利用该属性我们可自行设置字体大小。

属性值：

  • smaller    把 font-size 设置为比父元素更小的尺寸。    

  • larger    把 font-size 设置为比父元素更大的尺寸。    

  • length    把 font-size 设置为一个固定的值。    

  • %    把 font-size 设置为基于父元素的一个百分比值。    

  • inherit    规定应该从父元素继承字体尺寸。    

（学习视频分享：css视频教程）

示例：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>php.cn</title>

<style>

h1 {font-size:250%;}

h2 {font-size:200%;}

p {font-size:100%;}

</style>

</head>

 

<body>

<h1>This is heading 1</h1>

<h2>This is heading 2</h2>

<p>This is a paragraph.</p>

</body>

 

</html>

Salin selepas log masuk

运行结果：

b4e25e19d53284fc556f11abb132fc8.png

相关推荐：CSS教程

Atas ialah kandungan terperinci 怎样在css里更改字体大小. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
css fon
Artikel sebelumnya：css中什么属性可为元素设置外边距 Artikel seterusnya：css如何设置背景图片灰度
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan