html font标签怎么设置字体样式?利用CSS控制文字大小的方法


当前第2页 返回上一页

一共设置了5种文字大小,使用的都是绝对单位,在任何分辨率的显示器下,显示出来的效果都是绝对的大小,不会发生改变。

此外,除了利用物理单位设置文字绝对大小的方法,CSS还提供了一些绝对大小的关键字,作为font-size的值,一共有7个。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<span style="font-size:24px;"><html>

<head>

<title>

文字大小

</title>

<style>

<!--

p.one{font-size:xx-small;}

p.two{font-size:x-small;}

p.three{font-size:small;}

p.four{font-size:medium;}

p.five{font-size:large;}

p.six{font-size:x-large;}

p.seven{font-size:xx-large;}

-->

</style>

</head>

<body>

<p class="one">文字大小,xx-small</p>

<p class="two">文字大小,x-small</p>

<p class="three">文字大小,small</p>

<p class="four">文字大小,medium</p>

<p class="five">文字大小,large</p>

<p class="six">文字大小,x-large</p>

<p class="seven">文字大小,xx-large</p>

</body>

</html>

</span>

其中,单位px表示像素,因此,显示大小和显示器的大小以及分辨率有关,采用%或者em都是相对于父标记而言的比例,如果没有设定父标记字体的大小,则相对于浏览器的默认值。

本篇文章就到这了,想要看基础篇的点这:html font标签是什么?<font>标签的属性的详细介绍

【相关推荐】

html address标签怎么用?html address标签的使用方法详解

html5 audio标签怎么用?html5 自动播放实现代码实例

以上就是html font标签怎么设置字体样式?利用CSS控制文字大小的方法的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

html中怎么设置h1的字体样式你知道吗?关于设置h1标签的样式详解

html 导出到 excel

html nav标签怎么用

html搜索框怎么设置?html搜索框input标签的使用方法实例

怎样在html网页中插入视频

html怎么设置不缓存

html如何关闭当前网页

html中的clear是什么意思

html如何设置文字不换行

15 个优秀的响应式 web 设计 html 和 css 框架

更多相关阅读请进入《font》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...