1.文本样式的分类
注意：
必须先建立标签，再在head中修改
1.1字体样式
1.1.1字体颜色
代码演示
html
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* 1.字体颜色 */
.pink {
color: pink;
}
.color16 {
color: #ff0000;
}
.rgb{
color: rgb(255, 0, 0);
}
/* 半透明 0是完全透明 1是完全不透明 */
.rgba{
color: rgba(255, 0, 0, 0.5);
}
</style>
</head>
<body>
<!-- 1、 字体颜色 -->
<p class="pink">字体颜色可以使用颜色名称设置</p>
<p class="color16">字体颜色也可以使用十六进制颜色值设置</p>
<p class="rgb">字体颜色可以使用rgb或者rgba颜色值设置</p>
<p class="rgba">字体颜色也可以使用rgba颜色值设置</p>
</body>1.1.2 字体族
【1】语法
【2】代码演示
html
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.font {
font-family: '宋体';
}
</style>
</head>
<body>
<!-- 设置字体 -->
<p class="font">字体族可以使用字体名称设置</p>
</body>