css font-size属性怎么用


本文摘自PHP中文网,作者青灯夜游,侵删。

css font-size属性用于设置元素的字体大小。实际上该属性设置的是字体中字符框的高度;实际的字符字形可能比这些框高或矮(通常会矮)。

css font-size属性怎么用

font-size属性设置字体的尺寸。

可以设置的属性值:

描述

xx-small

x-small

small

medium

large

x-large

xx-large

把字体的尺寸设置为不同的尺寸,从 xx-small 到 xx-large。

默认值:medium。

smaller把 font-size 设置为比父元素更小的尺寸。
larger把 font-size 设置为比父元素更大的尺寸。
length把 font-size 设置为一个固定的值。
%把 font-size 设置为基于父元素的一个百分比值。

说明:该属性设置元素的字体大小。注意,实际上它设置的是字体中字符框的高度;实际的字符字形可能比这些框高或矮(通常会矮)。各关键字对应的字体必须比一个最小关键字相应字体要高,并且要小于下一个最大关键字对应的字体。

注释:所有主流浏览器都支持 font-size 属性。

css font-size属性 示例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<style type="text/css">

h1 {font-size: 300%}

h2 {font-size: 200%}

p {font-size: 100%}

</style>

</head>

<body>

<h1>php中文网</h1>

<h2>php视频教程</h2>

<p>php程序员词典</p>

</body>

</html>

效果图:

1.jpg

以上就是css font-size属性怎么用的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css怎么设置table样式

css上边距怎么写

css background属性怎么用

css动画怎么匀速

style标签的作用是什么

css如何利用:after清除浮动

一招搞定css定位元素的背景图像

怎样在外连接css文件

css border-bottom-left-radius属性怎么用

css规则是什么

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




打赏

取消

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

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

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

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

评论

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