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>