爱生活

标题: html如何设置字体大小,html怎么设置字体大小 [打印本页]

作者: 123    时间: 2022-7-27 18:33
标题: html如何设置字体大小,html怎么设置字体大小

html如何设置字体大小


通过font-size属性设置字体的大小,当然有些标签是自带字体属性的,例如h1到h6。


html怎么改变字体大小和颜色


可以用css改变字体的大小和颜色。
1、新建html文件,在body标签中添加文字,这里以p标签内容为“演示文本”为例,这时网页将会显示字体默认大小和颜色:


2、在head标签中添加style标签给页面设置css样式,选择p标签,字体大小用的是“font-size”属性,属性值为字体大小,这里以“30px”为例,这时“演示文本”字体将会变大:

3、选择p标签,字体颜色用的是“color”属性,属性值为颜色,这里以红色“red”为例,这时“演示文本”字体将会变成红色:







html字体大小
<b></b>是加粗那要字体变化呢不调用css



方法一:
可以使用vw或vh这样的“相对”字体大小单位。vw代表文字相对于viewport的宽度,vh则代表相应的高度。在vw的体系中,默认将整个viewport的宽度设置为100vw,以此相对换算文字的大小。
如图:

除vw、vh外,还有vmin和vmax两种相对字号单位,其作用是自动选择相对于viewport宽高而言最小或最大的值,以此作为字体的大小。
方法二:
face 字体名称列表 定义font元素中文本的字体。 字体名称列表中的字体不存在就显示默认字体。

示例:
<font face="幼园">font元素中文本</font>

<font face="宋体">font元素中文本</font>

<font face="黑体">font元素中文本</font>







欢迎光临 爱生活 (https://ish.ac.cn/) Powered by Discuz! X3