额外知识补充

一.link元素


😶‍🌫️link元素是外部资源链接元素,规范了文档和外部资源的关系,link通常在head元素中,最长链接的是样式表(CSS)此外也可以被用来引入站点图标(比如favicon图标)。

🥴link元素常见的属性:

  1. href:此属性指定被链接资源的URL,URL可以是绝对的可以是相对的。
  2. rel:指定连接类型,常见的链接类型icon站点图标,stylesheetCSS样式。
css 复制代码
<link rel="stylesheet" href="./index.css">
<link rel="icon" href="./images/favicon.ico">

🔆内容补充:dns-prefetch提示浏览器在用户点击资源之前进行dns查询和协议握手🤝很多资源并不是都存放在你访问的那个域名中,还会涉及很多其他的内容。

二.认识进制


🤗进制的概念,进位制是一种计数的方式,亦称进位计数法或者位值计数法,简单理解就是,当数字达到某个值的时候,进一位(比如从一位进为两位)。

♥️十进制,当数字到9的时候使用一位就已经表示不了了,那么就变成两位。

🥴按照上面的理解:二进制 八进制 十进制

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

🤡人类的十进制,我们平时使用的数字都是十进制,并且在我们的生活中我们写下一个数字的时候,你会默认当作十进制来处理,从发明数字时候起,人类就开始使用十进制,原因是人类刚好十根手指,如果人类有八根手指,现在可能使用的是八进制。

🐣计算机的二进制:为什么计算机不喜欢使用十进制哪?为什么计算机使用的是二进制哪?这个和计算机的底层有关,因为计算机的底层其实是电路的开和关,开路就代表1闭路就代表0,我们可以使用计算器进行转换。

三.CSS的颜色表示方法


😻颜色关键字:比如red blue yellow pink等等,虽然非常多,但是表示的种类很有限。

css 复制代码
color:red;

😶‍🌫️RGB颜色:RGB是一种颜色空间,通过R(红色)G(green绿色)B(blue蓝色)三原色来组成不同的颜色,也可以通过这三种颜色的不同组合来组合出来其他不同的颜色,颜色的取值范围是0~255,表示rgb()。

css 复制代码
color:rgba(255,255,255,.5);

💗十六进制表示:RGB还可以使用以#为前缀的十六进制的字符和函数来表示,如#ffffff,可以三位符号或者四位符号来表示。

css 复制代码
color:#ffffff;

四.浏览器的渲染流程


  1. 服务器收到浏览器的请求后,进行返回相应的html静态资源,当收到html文件后就进行解析。
  2. html会加载内部引入的CSS的链接内容,异步的去服务器加载CSS文件,此过程不会影响html的解析。
  3. html文件解析完成后生成对应的DOM Tree。
  4. CSS进行加载完成后,会对CSS进行解析,当解析完毕会attach到DOM Tree上面。
  5. 在上面DOM Tree生成的基础上会生成一个render Tree 然后进行页面的渲染和展示。
相关推荐
zzzzzz31040 分钟前
react-bits 为什么会吸引前端开发者:别把动效当装饰,先把它当成页面能力
前端·react.js·动效
风月说与山鬼3 小时前
二、React入口文件(main.jsx)
前端·react.js
东风破_8 小时前
Docker 基础:为什么需要容器?
前端·后端·nginx
东风破_8 小时前
Docker 实战:使用 Nginx 作为容器入口代理 Node 服务
前端·后端·nginx
你别说话了9 小时前
Vue项目解决跨域
前端·javascript·vue.js
唐青枫9 小时前
http-server:别再双击 index.html,一条命令把目录变成网站
前端·javascript
网安蟹佬霸10 小时前
OSINT开源情报收集实战:从信息搜集到资产测绘(2026最新万字保姆级指南)
前端·网络·安全·web安全·网络安全·开源
a11177610 小时前
3D历史建筑展览馆 THreeJS 开源
前端·开源
单线程_0110 小时前
【源码阅读】Vue3 Tokenizer 词法分析器完整状态机流转深度梳理(3.4+ 新版架构)
前端
PBitW10 小时前
PM 丢来 3 个 Excel、12 个功能、4 种情形?用 TRAE Work 30 分钟整理成前端开发文档
前端·trae