【css段落字体大小】测试开发完整堆栈-html (8) CSS字体属性的字体大小

今天，我们在CSS中介绍了如何使用font-family设置字体，如微软雅黑、宋体、Arial等。继续使用font-size属性定义字体大小。

语法是：

P {

font-size :20 px；

}

Px(像素)大小是我们网页最常用的单位。谷歌浏览器的默认字体大小为16px。根据浏览器的不同，默认情况下显示的字体大小大小可能不匹配。请指定明确的值大小，而不是默认大小。可以在Body中指定整页文本的大小。

请看效果：

对应的代码为：

！DOCTYPE html

Html lang='en '

头(电影)

meta charset=' utf-8 '

meta http-equiv=' x-ua-compatible ' content=' ie=edge '

元名称=' viewport ' content=' width=device-width，initial-scale=1.0 '

TitleCSS字体属性中的字体系列/title

！修改-H2的字体-

风格(音乐)

Body {

font-size : 16px；

}

/style

/head

菩提

H2明月什么时候有/h2？

p明月什么时候有，请问青天酒/p

p不知道天上的宫殿，今晚是几年/p

p我想乘风回去，又怕琼楼玉宇/p

p高处不胜寒，跳舞澄清阴影，怎么像在世界上一样？/p

/body

/html

发现除了标题标签以外，其他字的字体都是16px吗？那么，这里需要注意的点：标题标签很特别，需要单独指定文字大小。

3360

你可以看到标题字体变小了。具体代码为3360

！DOCTYPE html

Html lang='en '

头(电影)

meta charset=' utf-8 '

meta http-equiv=' x-ua-compatible ' content=' ie=edge '

元名称=' viewport ' content=' width=device-width，initial-scale=1.0 '

TitleCSS字体属性中的字体系列/title

！修改-H2的字体-

风格(音乐)

Body {

font-size : 16px；

}

H2 {

font-size : 16px；

}

/style

/head

菩提

H2明月什么时候有/h2？

p明月什么时候有，请问青天酒/p

p不知道天上的宫殿，今晚是几年/p

p我想乘风回去，又怕琼楼玉宇/p

p高处不胜寒，跳舞澄清阴影，怎么像在世界上一样？/p

/body

/html

可以查看为H2单独设置的字体

H2 {

font-size : 16px；

}

注意点：

不要忘记添加Px

标题有特殊性，需要单独设置文字大小。

是的，今天就到这里。晚安~