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

最新推荐文章于 2023-04-21 02:43:55 发布

相太阳

最新推荐文章于 2023-04-21 02:43:55 发布

阅读量1.2k

点赞数

原文链接：http://www.cnblogs.com/jeremylee/p/5501546.html

版权

设置字体大小CSS单词与语法

基本语法结构：

.divcss5{font-size:12px;}
设置了文字大小为12px像素
Font-size+字体大小数值+单位

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%大小

使用效果

< !DOCTYPE html >  
< html > 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>font-size字体大小测试-DIVCSS5实验</title> 
<style type="text/css"> 
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%;} 
</style> 
<!-- www.divcss5.com --> 
</head> 
<body> 
<div class="exp1">我被font-size值为12px大小</div> 
<div class="exp2">我被font-size值为xx-small大小</div> 
<div class="exp3">我被font-size值为small大小</div> 
<div class="exp4">我被font-size值为x-large大小</div> 
<div class="exp5">我被font-size值为larger大小</div> 
<div class="exp6">我被font-size值为smaller大小</div> 
<div class="exp7">我被font-size值为50%大小</div> 
<div class="exp8">我被font-size值为150%大小</div> 
</body> 
</html>

http://www.divcss5.com/rumen/r322.shtml

转载于:https://www.cnblogs.com/jeremylee/p/5501546.html

相太阳

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
CSS font-size字体大小样式属性

设置字体大小CSS单词与语法基本语法结构：.divcss5{font-size:12px;}设置了文字大小为12px像素Font-size+字体大小数值+单位单词：font-size语法：font-size : absolute-size | relative-size | length取值：xx-small | x-small | small | medium | large | x...
复制链接

扫一扫