1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html font设置字号 CSS font-size字体文字大小样式属性

html font设置字号 CSS font-size字体文字大小样式属性

时间:2024-01-18 08:24:51

相关推荐

html font设置字号 CSS font-size字体文字大小样式属性

CSS font-size字体文字大小样式属性-字体大小样式篇:

本节DIVCSS5为大家介绍通过CSS样式设置文字字体大小知识,涉及CSS样式单词font-size。

一、设置字体大小CSS单词与语法 - TOP

基本语法结构:

.divcss5{font-size:12px;}

设置了文字大小为12px像素

Font-size+字体大小数值+单位

单词:font-size

语法:font-size : absolute-size | relative-size | length

取值:xx-small | x-small | small | medium | large | x-large | xx-large

xx-small:最小

x-small:较小

small:小

medium:正常(默认值),根据字体进行调整

large:大

x-large:较大

xx-large:最大

也可取具体长度单位值

二、font-size使用方法 - TOP

font-size:12px; 设置对象具体字体大小为12px

font-size:xx-small; 设置文字大小为最小

font-size:small; 设置文字字体大小为小

font-size:x-large;设置对象字体大小为较大

font-size:larger;设置对象字体大小为大

font-size:smaller;相对于父容器中字体尺寸进行相对减小

font-size:50%;相对于父容器中字体尺寸进行相应调整为50%大小

font-size:150%;相对于父容器中字体尺寸进行相应调整为150%大小

三、使用效果与截图 - TOP

< !DOCTYPEhtml>

font-size字体大小测试-DIVCSS5实验

body{font-size:12px;line-height:24px;}

.exp1{font-size:12px;}

.exp2{font-size:xx-small;}

.exp3{font-size:small;}

.exp4{font-size:x-large;}

.exp5{font-size:larger;}

.exp6{font-size:smaller;}

.exp7{font-size:50%;}

.exp8{font-size:150%;}

我被font-size值为12px大小

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。