「测试开发全栈-HTML」(8)css字体属性之字体大小

今天讲了怎么使用css中font-family来设置字体,如微软雅黑、宋体、Arial等。继续讲下使用font-size属性来定义字体大小。

语法如下:

p {

font-size:20px;

}

px(像素)大小是我们网页的最常用的单位。谷歌浏览器默认的字体大小为16px 不同浏览器可能默认显示的字体字号大小不一致,尽量给一个明确值大小,不要默认大小。可以给<body>指定整个页面文字的大小。

来看下效果:

对应的代码为:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>CSS字体属性之字体系列</title>

<!--对h2修改下字体-->

<style>

body {

font-size: 16px;

}

</style>

</head>

<body>

<h2>明月几时有</h2>

<p>明月几时有,把酒问青天</p>

<p>不知天上宫阙,今夕是何年</p>

<p>我欲乘风归去,又恐琼楼玉宇</p>

<p>高处不胜寒,起舞弄清影,何似在人间。</p>

</body>

</html>

有没有发现除了标题标签,其余的字的字体都是16px了?那么这里需要注意一点: 标题标签比较特殊,需要单独指定文字大小。

如下的效果:

可以看到标题字体变小了,具体的代码为:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>CSS字体属性之字体系列</title>

<!--对h2修改下字体-->

<style>

body {

font-size: 16px;

}

h2 {

font-size: 16px;

}

</style>

</head>

<body>

<h2>明月几时有</h2>

<p>明月几时有,把酒问青天</p>

<p>不知天上宫阙,今夕是何年</p>

<p>我欲乘风归去,又恐琼楼玉宇</p>

<p>高处不胜寒,起舞弄清影,何似在人间。</p>

</body>

</html>

可以看到对h2单独进行了字体设置

h2 {

font-size: 16px;

}

注意点:

不要忘记加上px

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

好的,今天就到这里了。晚安~

HTML培训:如何在HTML中更改文本大小

如果你需要在网页上创建标题,或者在网站上改变不同页面上的文本大小,或段落中的某个特定单词突出,可以通过使用html命令更改文本大小来做到这一点。但凡上过html培训学习的人都会很轻轻松学会这个操作,有导师指导,学起来要容易的多。

更改前,先备份

无论什么时候你要更改网页,无论你只是在html中更改文本大小,还是在添加照片或将背景图像更改为新模式时,在更改前始终要记住一点:备份你现有的页面。这将确保如果在更改期间发生错误,并且此错误导致网页丢失,则可以恢复到起始位置,然后再试一次。

若要复制网页,请打开该文件并复制html。然后将页面html的副本粘贴到一个程序中,比如程序员的记事本,这是一个免费的实用程序,供网页设计者/程序员使用,用于CSS、html和其他程序。

在更改的操作中,备份是经常要做的事,这一点非常重要,一般你在html培训学习时,老师都会强调这一点的。

如何在HTML中更改文本大小

首先,找到要更改的一行或多行文本。使用

这个标记

在html中更改文本大小是一个简单的编码问题,你可以学会自己做,你也可以使用各种额外的html技巧。通过参加html培训学习,对html会有更系统更全面的认识,零基础也能轻松学到有用的知识。

了解更多

相关问答

...size的书本和正常大小的字体为标准,一本250页和一本3_作业帮

[最佳回答]正常的书本大概以500到600字一页为准,这是一般的课外书籍,小说的话就是1400到1800字一页

电脑显示屏上字体的大小如何调整-ZOL问答

7、注销之后,我们再次回到桌面,就会发现系统的字体已经放大了!工具/原料电脑字体大小方法/步骤1.首先右击电脑空白处,点击最下边的属性。2.鼠标箭头放在属...

CAD制图中不同比例的文字大小标注大小规范是怎么样的呢?比如...

[最佳回答]一般打印在图纸上的字高为2.5mm,较为合适,因此当1:75绘图时的字高为2.5×75=187.5(mm).如用150与120则打印出来字为2mm与1.6mm,能看,但偏小了.国家...

笔记本怎么改变字体大小?-ZOL问答

2.在左窗格中,单击“调整字体大小(DPI)”。如果系统提示您输入管理员密码或进行确认,请键入密码或提供确认。3.在“DPI缩放比例”对话框中,请执行下列操作之...

发票字体的大小怎么设置_快账

1、防伪税控系统里打印发票的字体是设置好的,一般不能调整,也不必调整。2、如果是因为电脑操作系统原因造成字体问题,可以按以下方法调整:方法一:...

用友的字体如何放大_会计学堂

[回答]用友的字体可以通过以下步骤放大:1.打开Word文档,选中需要放大的文字。2.在“开始”菜单中,选择“格式”部分,然后点击“字体”。3.在“字号”部分,...

oppo手机短信字体大小怎么调-天气加

[回答]以oppoR15手机,Android8系统为例。1、打开手机设置,点击【显示与亮度】。2、再点击【字体大小】,之后即可随意设置字体大小了。以oppoR15手机,A...

电脑字体的大小如何设置-ZOL问答

方法二:A.调整电脑字体的方法:右键桌面属性外观字体大小的下拉菜单(调整你需要的大小)应用确定;B.调整网页上的字体的方法:打开网页工具选项辅助功能勾选不使用...

华为手机今日头条字体大小怎么调-ZOL问答

在华为手机上使用今日头条应用时,可能会遇到字体大小不合适的情况。针对这种情况,我们可以通过以下步骤进行设置。首先,在今日头条应用中注册并登录账号后...

拼多多字体大小怎么调-ZOL问答

有很多的用户都觉得自己的拼多多软件的字体大小不合适,想要调整成自己喜欢的大小,那么拼多多字体大小怎么调?下面一起来看看吧~拼多多字体是无法设置的,所以也...