CSS 字体

2022/3/3 23:16:45

编程Tag： css 字体文本 Font 大小字体大小 em 大写字母

本文主要是介绍CSS 字体，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css_font.css"/>
    </head>
    <body>
        <div id="">
            <p class="p1">
                this is p  THIS IS P
            </p>
            <p class="p2">
                This Is P
            </p>
        </div>
    </body>
</html>

.p1{
    /* 字体 */
    font-family: "times new roman";
    /* 斜体 */
    font-style: italic;
    /* 粗细 */
    font-weight: bold;
    /* 使用 vw 单位设置文本大小，它的意思是“视口宽度
    文本大小将遵循浏览器窗口的大小 */
    font-size: 10vm;
}
.p2{
    /* 小写字母都将转换为大写字母。
    但是，转换后的大写字母的字体大小小于文本中原始大写字母的字体大小。 */
    font-variant: small-caps;
    /* 1em 等于当前字体大小。浏览器中的默认文本大小为 16px。
    因此，默认大小 1em 为 16px。
    可以使用这个公式从像素到 em 来计算大小：pixels/16=em。 */
    font-size: 2.5em ;
}

这篇关于CSS 字体的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

CSS 字体

相关编程文章