果你需要在网页上创建标题,或者在网站上改变不同页面上的文本大小,或段落中的某个特定单词突出,可以通过使用html命令更改文本大小来做到这一点。但凡上过html培训学习的人都会很轻轻松学会这个操作,有导师指导,学起来要容易的多。
更改前,先备份
无论什么时候你要更改网页,无论你只是在html中更改文本大小,还是在添加照片或将背景图像更改为新模式时,在更改前始终要记住一点:备份你现有的页面。这将确保如果在更改期间发生错误,并且此错误导致网页丢失,则可以恢复到起始位置,然后再试一次。
若要复制网页,请打开该文件并复制html。然后将页面html的副本粘贴到一个程序中,比如程序员的记事本,这是一个免费的实用程序,供网页设计者/程序员使用,用于CSS、html和其他程序。
在更改的操作中,备份是经常要做的事,这一点非常重要,一般你在html培训学习时,老师都会强调这一点的。
如何在HTML中更改文本大小
首先,找到要更改的一行或多行文本。使用
这个标记
在html中更改文本大小是一个简单的编码问题,你可以学会自己做,你也可以使用各种额外的html技巧。通过参加html培训学习,对html会有更系统更全面的认识,零基础也能轻松学到有用的知识。
了解更多
font-size:设置字体大小:
该属性值的单位可以使用相对单位和绝对单位,推荐使用px。(浏览器能够识别的最小像素是12px)
p{
font-size:20px;
}
常见尺寸单位:
font-family:设置字体:
如果需要设置多个字体样式,则属性值可以写多个中间用逗号隔开即可,需要知道的是浏览器会从第一个字体属性值找,直到找到自己设备有的字体显示,自己设备没有的字体,按设备默认字体显示,推荐系统默认字体。
p{
font-family:"微软雅黑",Arial;
}
font-weight:设置字体粗细:
其属性值有:normal正常不加粗、bold加粗、bolder更粗、lighter更细、number(整百的数字)、inherit继承父级元素字体粗细
p {
font-weight:700;
}
font-style:设置字体风格:
如设置斜体、倾斜或正常字体,其属性值:normal默认值,标准字体、italic斜体、oblique倾斜
font:综合设置字体样式(字体样式连写):
字体样式连写是有顺序的,必须是严格遵循顺序,其中不需要设置的属性可以省略,font-size和font-family属性值必须写,否则字体连写失效。
p{
/*font:font-style font-weight font-size/line-height font-family;*/
font:italic bolder 20px/10px Arial;
}
提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@qq.com联系笔者 删除。
笔者:苦海123
其它问题可通过以下方式联系本人咨询:
QQ:810665436
微信:ConstancyMan
天讲了怎么使用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
标题有特殊性,需要单独设置文字大小。
好的,今天就到这里了。晚安~
*请认真填写需求信息,我们会在24小时内与您取得联系。