使用 CSS 设置关键字的字体大小

百变鹏仔 4周前 (09-19) #CSS

文章标签字体大小

css font-size 属性可以使用绝对和相对关键字来设置。这会根据需要缩放文本。

语法

CSS font-size 属性的语法如下 -

Selector {   font-size: /*value*/}

下表列出了 CSS 中使用的标准关键字 -

Sr.No	Value &描述
1	中设置字体大小到中等尺寸。这是默认值
2	xx-small 立即学习“前端免费学习笔记（深入）”；集将字体大小设置为 xx-small 尺寸
3	x-small 将字体大小设置为特别小
4	小将字体大小设置为较小尺寸
5	large 将字体大小设置为大尺寸
6	x-large 将字体大小设置为超大尺寸
7	xx-large 将字体大小设置为xx-large尺寸
8	较小将字体大小设置为小于父元素
9	更大将字体大小设置为比父元素更大的大小

以下示例说明了如何使用关键字设置 CSS font-size 属性。

示例

现场演示

<!DOCTYPE html><html><head><style>h1{   font-size: larger;}#demo {   font-size: medium;   text-align: center;   background-color: floralwhite;}p {   font-size: xx-large;}</style></head><body><h1>Demo Heading</h1><p id="demo">This is demo text.</p><p>This is another demo text.</p></body></html>

输出

这给出了以下输出 -

示例

现场演示

<!DOCTYPE html><html><head><style>div {   margin: auto;   padding: 5px;   width: 30%;   border: 1px solid;   border-radius: 29%;   text-align: center;   font-size: xx-small;}p {   font-size: xx-large;}</style></head><body><div><div>One</div><p>Two</p></div></body></html>

输出

这给出了以下输出 -

文章推荐

使用 CSS 设置关键字的字体大小

语法

示例

输出

示例

输出

css如何让导航栏变透明

css 怎么去除a标签的手形

css里怎样设置字体大小和字体颜色

css如何固定导航栏

css边框变圆角边框怎么写