css字体如何设置

css字体设置的方法:1、h2中的大小设置em;2、字体设置需要用到【font-family】;3、字体粗细设置需要用到属性【font-weight】;4、字体样式用【font-style】属性。

css字体如何设置

本教程操作环境:windows7系统、css3版,DELL G3电脑。

css字体设置的方法:

1、字体大小设置

字体大小设置,常见的有四种不同的方法:

立即学习“前端免费学习笔记(深入)”;

  1. body{font-size:14px;}h1{font-size:150%;}h2{font-size:1.2em;}h3{font-size:small;}

登录后复制

body中的大小设置14px,表示字体的高度是14个像素;

h1中的大小设置百分比,是表示相对大小,相对于body的150%倍;

h2中的大小设置em,是表示相对大小,想对于body的1.2倍大小;

h3中的大小直接是关键字。常用的有small,medium,large;

2、字体设置

字体设置需要用到font-family设置:

  1. body{font-family:Verdana,Genva,Arial,sans-serif;}

登录后复制

3、字体粗细

字体粗细设置需要用到属性font-weight设置:

  1. body{font-weight:bold;}

登录后复制

bold表示粗体,还有normal、bolder,lighter。也可以用数值表示。

4、字体样式

字体样式用font-style属性设置:

  1. body{font-style:italic;}h1{font-style:oblique;}

登录后复制

相关学习推荐:css教程

以上就是css字体如何设置的详细内容,更多请关注【创想鸟】其它相关文章!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    css如何设置背景

    2025-3-10 19:25:14

    编程技术

    css如何实现幻灯片效果

    2025-3-10 19:25:24

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索