目录
一、link元素
![](https://img-blog.csdnimg.cn/direct/039d1e3c696c4bc999fe530951a9ae1f.png)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物!</title>
<!-- 引入css -->
<link rel="stylesheet" href="./css/style.css">
<!-- 引入icon(站点的图标) -->
<link rel="icon" href="../images/favicon.ico">
</head>
<body>
</body>
</html>
二、认识进制
![](https://img-blog.csdnimg.cn/direct/7d9cc6163fcd4336826660de7a5d821c.png)
三、人类的十进制
![](https://img-blog.csdnimg.cn/direct/3bbab8c58f0a461ba7ef81c31e403cf9.png)
四、计算机中的进制
![](https://img-blog.csdnimg.cn/direct/22b9ce1fda8a4c5ab3d53ce53a87fc0d.png)
五、进制之间的转换(了解)
![](https://img-blog.csdnimg.cn/direct/1546b14b95034b0dac094c57e75d9cd6.png)
六、CSS颜色的表示方法
![](https://img-blog.csdnimg.cn/direct/abb2bb5eda544d24a7aff54d18402db2.png)
七、RGB的表示方法
![](https://img-blog.csdnimg.cn/direct/b736a4fbe48b4c7b804e9cc2a0aa35d3.png)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* 值: 单词 red/white/black......... */
.box {
/* color: red;
background-color: black; */
/* 黑色是最纯洁的颜色 */
background-color: rgb(100, 100, 100);
background-color: #646464;
/* 表示一个纯黑色 */
background-color: rgb(0, 0, 0);
background-color: #000000;
background-color: #000;
/* 表示一个纯白色 */
background-color: rgb(255, 255, 255);
background-color: #FFFFFF;
background-color: #e1251b;
}
</style>
</head>
<body>
<div class="box">哈哈哈</div>
</body>
</html>
八、Chrome浏览器开发者工具
![](https://img-blog.csdnimg.cn/direct/314dbcf72e7a4ba59211b0cbfcac6879.png)
九、Chrome浏览器开发者工具
![](https://img-blog.csdnimg.cn/direct/64194dc15fe747918ea9660da09226dd.png)
十、浏览器渲染的流程
![](https://img-blog.csdnimg.cn/direct/928db9d8ae45488789dfcc47187a8603.png)