使用标签的color属性设置字体颜色
color 属性规定 font 标签元素中文本的颜色。
语法：
font是一对常规标签，将字体文本内容放入标签内，font标签内设置color属性+对应颜色值即可设置font标签对象内字体颜色。
1.新建一个html文件，命名为test.html，用于讲解在CSS中如何设置图层。
2.在test.html文件内，使用div标签创建三个模块，同时分别设置它们的id为aa,bb,cc。
3.在test.html文件内，在css标签内，设置div的为绝对定位，宽度和高度都为200px。
4.在test.html文件内，在css标签内，设置类名aa的样式，距离页面顶部为0px，距离页面左边为0px，背景颜色为红色，z-index为1。
5.在test.html文件内，在css标签内，设置类名bb的样式，距离页面顶部为20px，距离页面左边为20px，背景颜色为黄色，z-index为2。
6.在test.html文件内，在css标签内，设置类名cc的样式，距离页面顶部为40px，距离页面左边为40px，背景颜色为粉红色，z-index为3。
7.在浏览器打开test.html文件，查看实现的效果。
别看偶是后端，偶照样给你讲个明明白白！
HTML，即超文本标记语言（HyperText Markup Language），是一种用于创建网页的标准标记语言。
这个定义看起来还是太抽象，HTML说白了就是标签的组合：一堆标签组合到一起就构成了一个页面。
来看一个简单的 HTML 文件：
然后它在页面上展示的效果是这样的：
你想在你的页面里展示什么，就引用什么标签就可以了，比如想展示图片就用<img>标签，展示文本框就用<input>标签，展示按钮就用<button>标签，展示一个超链接就用<a>标签，就是这么简单！
偶只负责展示，你要的东西偶给你展示出来就行了，至于你页面丑不丑那就不是偶一个人能搞定的了。想要页面好看，那必须请CSS来助阵。
CSS，即层叠样式表(Cascading Style Sheets)，说白了就是给HTML标签加样式的，让展示的内容更加丰富多彩。两者好比砖头和涂层的关系。
给一个 CSS 的简单例子：
这里规定了<body>,<h1>,<p>标签的样式，可以控制它们展现的颜色，字体，大小等等。
学完 HTML，CSS，就可以画出静态的页面来了，这个时候可以称得上美工了。
实际上，要想让页面动起来和后台进行交互，还要进一步去学习JS。HTML，CSS，JS 三剑客缺一不可：
HTML，CSS 这哥俩相对简单，JS 是前端学习的重头戏，有一定的难度，学完JS才能算前端入门，才可以称得上前端开发工程师。现在好多前端选手大谈React，Vue 等各种前端框架，对底层的 JS 却不去下功夫，偶认为这一点是不可取的。
以上是偶个人对前端学习的一些看法，希望对你有所帮助吧。
