CSS的文本样式
1.文本样式的分类
注意：
必须先建立标签，再在head中修改
1.1字体样式
1.1.1字体颜色
代码演示
<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】代码演示
<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>