你要了解的CSS知识

一.写在前面

这篇文章我们来学习一下CSS样式表要学习的一些概念，包括link标签，计算机进制的知识，除此之外我们还会学习CSS的颜色表示，调试等等，废话不多说，那就让我们开始吧，如果你觉得这篇文章对你有帮助可以关注我，会不定时分享前端技术，一起加油，一起进步。

二.link元素

link元素是外部资源链接元素，规范了文档与外部资源的关系，link元素通常是在head元素中，最常见的链接是样式表，此外使用link最多被用来创建网站的图标，link元素的属性有如下两种。

1. href：此属性指定被链接资源的URL，URL可以是绝对的，也可以是相对的。
2. rel：指定链接的类型，常见的链接类型icon站点图标，stylesheetCSS样式。

<link rel="stylesheet" href="./img.jpg">

这个是京东中的link用来link静态资源，如果你比较有好奇心你可能会看到dns-prefetch这个属性值，这个值的作用是提前进行域名解析，它是网页性能优化的一种方式。

三.计算机进制

进制的概念：进制是一种记数方式，亦称进位计数法或位值计数法，用人话来讲就是当数字达到某个值的时候，进一位（比如从1位变成2位）如果感觉有点绕口其实我们可以理解一下十进制，当数字到9的时候，用一位已经表示不了了，那么就进一位变成两位，逢十进一，当然不仅仅把有十进制，还有二进制，八进制，十六进制等等。

1. 二进制：当数字到1的时候，用一位已经表示不了，那么就进一位。
2. 八进制：当数字到7的时候，用一位已经表示不了了，那么就进一位。
3. 十六进制：如何表示十六进制哪？a(10)，b(11)，c(12)，d(13)，e(14)，f(15)

当然为什么我们常用的是十进制的，但是计算机为什么常用的是二进制的哪？可能的原因是因为认类有十根手指，如果人类有八根手指的话可能就是八进制，所以十进制并不是放之四海而皆准的。

💡爱因斯坦曾说过：常识就是人到十八岁为止而积累的各种偏见。

四.CSS表示颜色

---

在CSS中颜色有以下几种表示方式：颜色关键字（颜色标识符，表示具体颜色），RGB颜色（0~255）。

1.使用颜色关键字来表示颜色

background-color: aliceblue;

2.使用RGB颜色空间的方式表示

background-color: rgb(255,23,56);

其实RGB的表示方式也有三种方式

五.Chorme调试过程

打开Chorme调试工具：方式一：右键检查，方式二：快捷键F12除了这些还有其他的技巧

1. 快捷键：ctrl+可以调整页面或者调试工具的字体大小。
2. 可以通过删除某些元素来查看网页结构。
3. 可以通过增删CSS来调试网页

六.浏览器的渲染流程

七.总结

这篇文章我们讲解了一些前端的概念和使用方式，比如link标签的使用，计算机进制的知识等等，除此之外我们还学习了CSS颜色的表示方式，学习了这些内容之后我们还学习了Chorme浏览器的渲染过程，这些内容是学习CSS必须要记住的概念，流水不争先，争的是滔滔不绝，希望我们在后续的学习中继续加油~