一.写在前面
这篇文章我们来学习一下CSS样式表要学习的一些概念,包括link标签,计算机进制的知识,除此之外我们还会学习CSS的颜色表示,调试等等,废话不多说,那就让我们开始吧,如果你觉得这篇文章对你有帮助可以关注我,会不定时分享前端技术,一起加油,一起进步。
二.link元素
link元素是外部资源链接元素,规范了文档与外部资源的关系,link元素通常是在head元素中,最常见的链接是样式表,此外使用link最多被用来创建网站的图标,link元素的属性有如下两种。
href
:此属性指定被链接资源的URL,URL可以是绝对的,也可以是相对的。rel
:指定链接的类型,常见的链接类型icon
站点图标,stylesheet
CSS样式。
<link rel="stylesheet" href="./img.jpg">
这个是京东中的link
用来link静态资源,如果你比较有好奇心你可能会看到dns-prefetch
这个属性值,这个值的作用是提前进行域名解析,它是网页性能优化的一种方式。
三.计算机进制
进制的概念:进制是一种记数方式,亦称进位计数法或位值计数法,用人话来讲就是当数字达到某个值的时候,进一位(比如从1位变成2位)如果感觉有点绕口其实我们可以理解一下十进制,当数字到9的时候,用一位已经表示不了了,那么就进一位变成两位,逢十进一,当然不仅仅把有十进制,还有二进制,八进制,十六进制等等。
- 二进制:当数字到1的时候,用一位已经表示不了,那么就进一位。
- 八进制:当数字到7的时候,用一位已经表示不了了,那么就进一位。
- 十六进制:如何表示十六进制哪?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除了这些还有其他的技巧
- 快捷键:ctrl+可以调整页面或者调试工具的字体大小。
- 可以通过删除某些元素来查看网页结构。
- 可以通过增删CSS来调试网页
六.浏览器的渲染流程
七.总结
这篇文章我们讲解了一些前端的概念和使用方式,比如link标签的使用,计算机进制的知识等等,除此之外我们还学习了CSS颜色的表示方式,学习了这些内容之后我们还学习了Chorme浏览器的渲染过程,这些内容是学习CSS必须要记住的概念,流水不争先,争的是滔滔不绝,希望我们在后续的学习中继续加油~