/*很多初学者可能没接触过 color:rgb 属性的使用，不知如何下手，
你可以这样做：
1、打开浏览器新页签搜索“在线取色器”；
2、找到“RGB网页颜色在线取色器”或者其他的也可以；
3、在如下图输入对应的rgb值进行转换得蓝色框内容复制粘贴到css中即可。
根据本题要求，实现代码如下：*/
<html>
    <head>
        <meta charset=utf-8>
        <style type="text/css">
            /*补全代码*/
            div{
                color:#ff0000;
                font-size:20px;
            }
            .green{
                color:#008000;
            }
            #black{
                color:#000000;
            }
        </style>
    </head>
    <body>
        <div>红色</div>
        <div class='green'>绿色</div>
        <div id='black'>黑色</div>
    </body>
</html>

 /*CSS样式的3种书写方式：

方式一：内联样式表（在标签内设置元素的样式）

优点：比较灵活，想给谁设就该谁设

缺点：写一次只能设置一个

<p style="background:red"></p>

方式二：嵌入样式表（需要在head标签内写  <style type="text/css"></style>   ）——内联样式表优先级更高

<head>

<title></title>

<style type="text/css">

p{

background-color:yellow;

}

</style>

</head>

方式三：外部样式表通过 link 进行对外部CSS样式文件的引用（link也可以引用网上别人写好的样式）（写在head标签内）——优先级最低

<head>

<title></title>

<link href="xxx.css" rel="stylesheet" type="text/css"/>

</head>

*/