• 技术文章 >web前端 >css教程

    css字体如何设置

    coldplay.xixicoldplay.xixi2021-04-15 16:24:25原创10770

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

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

    css字体设置的方法:

    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设置:

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

    3、字体粗细

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

    body{
    font-weight:bold;
    }

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

    4、字体样式

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

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

    相关学习推荐:css教程

    以上就是css字体如何设置的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css 字体
    上一篇:css如何实现幻灯片效果 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • css怎么设置字体颜色• css字体如何加粗• 如何设置html字体大小• javascript怎么设置字体颜色
    1/1

    PHP中文网