CSS的字体属性

发布时间 2023-09-21 16:27:47作者: songs7
字体属性:颜色、大小、加粗、文字样式
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p{
            color: blueviolet;
            
            
            color: rgb(205, 99, 122);
            color: rgba(0, 0,0, 1);
            color: #000fff;
            font-size: 35px;
            font-weight:600;
            font-style: normal;
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
        }
        i{
            font-style: normal;
        }
        
    </style>            <!--十六进行方式#加相应数字 rgb颜色通道 rgba设置元素透明度-->
</head>
<body>
    <p>33333</p>
    <i>数字</i>             <!--i标签为斜体 可以用font-style 改为默认字体-->
</body>
</html>

color属性有三种表达方式,一种为rgb(),一种为raba(),第三种为十六进制表示

font-size调整字体大小,最小的大小为12px

font-size设置文本粗细,bold为粗体,bolder为更粗,lighter为更细

400都大小为默认,字体的粗细范围为100-900

font-style :定义字体样式,normal为默认字体,italic定义斜字体

font-family:指定一种元素字体,如:微软雅黑