CSS的字体属性

字体属性：颜色、大小、加粗、文字样式
复制代码
<!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:指定一种元素字体，如：微软雅黑

posted @   songs7  阅读(47)  评论(0)  编辑  收藏  举报
相关博文：
·  CSS的文本属性
·  CSS的背景属性
·  H5-19 字体属性
·  CSS—字体属性
·  No.15 CSS--字体属性
阅读排行：
· winform 绘制太阳，地球，月球 运作规律
· AI与.NET技术实操系列（五）：向量存储与相似性搜索在 .NET 中的实现
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）
点击右上角即可分享
微信分享提示
AI IDE Trae