CSS文本样式[上]_css 文本上-CSDN博客

本文链接：https://blog.csdn.net/a716121/article/details/52116163

index.html:

<!DOTTYPE html>
<html lang ="zh-cn">
<head>
 
   <meta charset="utf-8">
   <title>CSS文本样式[上]</title>
   <link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>
<p>这是html5</p>

</body>
</html>

style.css:

@charset "utf-8";


body{
font-size:50px;
font-variant:small-caps;
}
@font-face{
font-family:abc;
src:url('BrushScriptStd.otf');
}
p{
font-size:50px;
font-size:xx-small;
font-size:xx-large;
font-size:smaller;
font-size:larger;

font-variant:small-caps;///小型大写的字母
font-variant:normal;
font-style:italic;
font-weight:bold;
font-weight:600;
font-family:微软雅黑
font-family:楷体，微软雅黑，宋体；
font:italics bold small-caps 50px 楷体;
font-family:abc;
}

ppt:

字体设置格式：
[是否倾斜] [是否加粗] [是否转小型大写] 字体大小字体名称
1:font-size(设置字体大小)
2:font-variant(设置字体是否以小型大写字母显示)
3:font-style(是否倾斜)
4:font-weight(设置字体是否加粗)
5:font-family(使用指定字体名称)