CSS font-size字体文字大小样式属性-字体大小样式篇:
本节CSS5NET为大家介绍通过CSS样式设置文字字体大小知识,涉及CSS样式单词font-size。目录设置字体大小CSS单词与语法
font-size使用方法
font-size效果截图
font size=5什么意思
CSS font-size常见运用
font-size案例
对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-largexx-small:最小x-small:较小small:小medium:正常(默认值),根据字体进行调整large:大x-large:较大xx-large:最大也可取具体长度单位值
二、font-size使用方法 - TOP
font-size:12px; 设置对象具体字体大小为12pxfont-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
对应CSS+div代码:< !DOCTYPE html>
font-size字体大小测试-CSS5NET实验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大小