在css中，可以通过font-size属性来设置字体大小，语法格式为“font-size:值;”。该属性的值可以是“small”、“large”、“smaller”、“larger”等关键字；也可是加px、em、rem、%单位的数值。
本文操作环境：宏基s40-51、css3&&html5&&hbuilderx.3.0.5版、windows10 家庭中文版
（学习视频分享：css视频教程）
在CSS中，可以使用font-size属性来调整字体大小；font-size属性用于设置字体大小。如果一个元素没有显式定义font-size属性，则会自动继承父元素的 font-size属性的计算结果。
注意，实际上font-size属性设置的是字体中字符框的高度；实际的字符字形可能比这些框高或矮（通常会矮）。
可以设置的属性值：
立即学习“前端免费学习笔记（深入）”；
示例1：
nbsp;html>/* font-size属性设置字体大小--“数字+长度值”*/.length1 {font-size: 20px;/* px，像素，它是 CSS 中最常用的长度单位，可以用来指定字体大小，元素的宽度、高度、边框、内边距，外边距的大小等等, 它是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPIpx 单位的值必须是整数值 */}.length2 {font-size: 2em;/* em相对长度单位，取决于目标元素字体尺寸。em 单位的值等于基本元素或父元素的字体大小。 */}.length3 {font-size: 2rem;/* remCSS3中加入的 相对长度单位，取决于文档根元素（通常为:root）的字体尺寸，适用于依据字体尺寸进行的排版，适用于自适应。 */}.length4{font-size:200%;/* 相对于父元素的尺寸的取值，实际使用中，如果父元素是一个非稳定的取值，可能会导致父元素被撑开，而实际值取决于其祖先元素中最近的一个拥有稳定取值的元素。整数取值，并不适用于解决自适应问题。 */}这是测试段落
这是测试段落
这是测试段落
这是测试段落
这是测试段落
登录后复制
效果图：
示例2：
nbsp;html>/* font-size属性设置字体大小--相对大小值 */.larger {font-size: larger;/* 把 font-size 设置为比父元素更大的尺寸。 */}.smaller {font-size: smaller;/* 把 font-size 设置为比父元素更小的尺寸。 */}这是测试段落
这是测试段落
这是测试段落
登录后复制
效果图：
示例3：
nbsp;html> /*font-size属性设置字体大小--绝对大小值*/ .xx-small {font-size: xx-small;}.x-small {font-size: x-small;}.small {font-size: small;}.medium {font-size: medium;}.large {font-size: large;}.x-large {font-size: x-large;}.xx-large {font-size: xx-large;} 这是测试段落
这是测试段落
这是测试段落
这是测试段落
这是测试段落
这是测试段落
这是测试段落
这是测试段落
登录后复制
效果图：
更多编程相关知识，请访问：css视频教程！！
以上就是css怎么设置字体大小的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2880749.html
