|
主题设置

卡片式面板通常用于非白色背景色的主体内

字体样式

在 CSS 中,可以通过字体样式属性来控制文本的字体外观。

笔记内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体样式</title>
    <style>
        p{
			/*
            字体大小(使用最多的是 em 和 px ):
            em:相对于当前对象内一个字的大小
            px:像素
            in:英寸
            cm:厘米
            mm:毫米
            pt:点
            */
			/* 如果不设置字体大小,会使用浏览器默认的字体大小,网页中一般习惯于设置字体大小为 14px */
			/* css中设置字体大小一定要加单位,html 中无需加单位 */
            font-size: 12px;

            /*
            字体:
            字体名称			英文名称				Unicode编码
            宋体				SimSun 				\5B8B\4F53
            新宋体			NSimSun 			\65B0\5B8B\4F53
            黑体				SimHei 				\9ED1\4F53
            英文黑体			arial
            微软雅黑			Microsoft YaHei 	\5FAE\8F6F\96C5\9ED1
            楷体_GB2312		KaiTi_GB2312 		\6977\4F53\_GB2312
            隶书				LiSu                \96B6\4E66
            */
            /*
            设置字体时,有中文、有空格、有斜杠就必须带引号,如:"隶书"、"微软雅黑"、"microsoft yahei"
            纯英文无需加引号,如:Arial
            */
            font-family: "宋体";

            /* 字体也可以同时设置多个,表示前面的不存在,就是用后面的;如果都没有,就是用浏览器默认字体 */
            font-family: "宋体","微软雅黑",Arial;

            /*
            字体粗细:
            normal:正常粗细 = 400,可以让粗体变正常
            bold:粗体 = 700
            bolder:更粗
            lighter:更细
			建议用数字,因为数字解析起来更快
            */
            font-weight: bold;

            /*
            字体样式:
            normal:正常样式,可以让斜体不倾斜
            italic:斜体
            oblique:斜体
                italic 和 oblique的区别:
                    italic 是使用文字的斜体,如果设置的字体没有斜体,italic 就不会生效。
                    oblique 不管设置的字体本身有没有斜体,都会倾斜。
            */
            font-style: italic;

            /* 一次性设置字体相关样式 */
            /* 必须按这个顺序:font-style(可以省略)、font-weight(可以省略)、font-size(不可以省略)/line-height(可以省略)、font-family(不可以省略) */
            font: italic 400 25px "宋体";
        }
    </style>
</head>
<body>
    <p>我是段落</p>
</body>
</html>