css中改变字体大小的方法

2023-06-06 12:06:47 573人浏览独家记忆

摘要

本文将为大家详细介绍“CSS中改变字体大小的方法”，内容步骤清晰详细，细节处理妥当，而小编每天都会更新不同的知识点，希望这篇“css中改变字体大小的方法”能够给你意想不到的收获，请大家跟着小编的思路慢慢深入，具体内容如下，一起去收获新知识吧

本文将为大家详细介绍“CSS中改变字体大小的方法”，内容步骤清晰详细，细节处理妥当，而小编每天都会更新不同的知识点，希望这篇“css中改变字体大小的方法”能够给你意想不到的收获，请大家跟着小编的思路慢慢深入，具体内容如下，一起去收获新知识吧。

css是什么意思

css是一种用来表现html或XML等文件样式的计算机语言，主要是用来设计网页的样式，使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言，并且css样式可以直接存储于HTML网页或者单独的样式单文件中，而样式规则的优先级由css根据这个层次结构决定，从而实现级联效果，发展至今，css不仅能装饰网页，也可以配合各种脚本对于网页进行格式化。

在css中，可以使用font-size属性来改变字体大小，该属性可以设置字体大小，语法格式为“font-size:值;”。实际上font-size属性设置的是字体中字符框的高度，实际的字符字形可能比这些框高或矮（通常会矮）。

在css中，可以使用font-size属性来改变字体大小。

css font-size属性

font-size 属性用于设置字体大小。

注意：实际上它设置的是字体中字符框的高度；实际的字符字形可能比这些框高或矮（通常会矮）。

值	描述
xx-small x-small small medium large x-large xx-large	把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large。默认值：medium。
smaller	把 font-size 设置为比父元素更小的尺寸。
larger	把 font-size 设置为比父元素更大的尺寸。
length	把 font-size 设置为一个固定的值。
%	把 font-size 设置为基于父元素的一个百分比值。
inherit	规定应该从父元素继承字体尺寸。

【、《html视频教程》】

font-size: xx-small;font-size: x-small;font-size: small;font-size: medium;font-size: large;font-size: x-large;font-size: xx-large; font-size: larger;font-size: smaller; font-size: 12px;font-size: 0.8em; font-size: 80%; font-size: inherit;

实例：使用font-size属性+长度值设置字体大小

<!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css">.length2 {font-size: 20px;}.length3 {font-size: 2em;}.length4 {font-size: 2rem;}.length5{font-size:200%;}</style></head><body><p>这是测试段落</p><p class="length2">这是测试段落</p><p class="length3">这是测试段落</p><p class="length4">这是测试段落</p><p class="length5">这是测试段落</p></body></html>

效果图：

css中改变字体大小的方法