CSS颜色与文本样式实战-优快云博客

本文链接：https://blog.youkuaiyun.com/u011513939/article/details/74055002

本文通过实例展示了如何使用CSS来设置文本的颜色及大小，并介绍了多种颜色定义方式，包括十六进制、RGB、RGBA以及HSLA等。

css基础

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>css基础</title>
</head>
<body>
    <!--
        文本格式
            html文件   **.html
            css文件    **.css
            js文件     **.js
            php文件    **.php
            mysql文件  **.sql

        css不区分大小写
            多个样式之间 用 分号 隔开
            属性格式:    属性名: 属性值;

        颜色的设置
            1. 英文单词  red  blue   green
            2. #rrggbb   十六进制  0~9 a~f
            3. #rgb
            4. rgb(0~255, 0~255, 0~255)
            5. rgb(%,%,%)

            1.RGBA()
                rgba(0~255, 0~255, 0~255, 0~1)

            2.色轮
                HSLA
                    H  色调       0/360  红色  120 绿色  240 蓝色    0~360
                    S  饱和度     %
                    L  亮度       %
                    A  不透明度   0~1


        长度单位
            px  像素
            em  倍数 相对长度单位  2em


     -->
    <p style='color:#4977CD; font-size:20px; '>超萌的勾搭语句: 妹子, 你过来, 我有个恋爱要跟你谈一下</p>

    <p style='color:#045'>悟空！你给我滚过来！为师不是告诉过你吗？不要老是想着白骨精，等你修成正果，天下母猴任你挑，想要哪个就哪个！</p>

    <p style='color: rgb(100,200,80);'>你看看为师，车迟国的女王我都没要！你知道她的QQ的签名是什么：长老姓唐，甜到忧伤！为师感动的都差点嫁给她，不过为了以后我的后宫三千佳丽，我都忍住了！</p>

    <p style='color:rgba(50,250,235,0.9)'>哥不惹事,一旦惹事,那都不是事,那叫新闻</p>

    <p style='color:HSLA(120,20%,50%,1)'>老衲从不近女色, 法号:嫖客</p>


    <p style='text-indent:2em'>八戒：猴哥儿，当初你就拿这戒指跟紫霞仙子求婚的？你丫真逗！半克拉钻都没有，换谁都不鸟你了！当初嫦娥就这么臊我说：甭跟我说爱不爱，先看钻戒多大块！唉，现在的仙女多现实啊，哎我告你，就这票仙女儿，你要拿一钻石板砖把她拍死，她都不带喊救命的..</p>

</body>
</html>

6.css基础

css基础