前端基础-CSS是如何工作的

每日的基础学习笔记,不求大而全,追求精致和短小,主要从底层技术基础开始,记录一些核心概念、实践应用和原理方法,帮助自己理解前端基础,建立前端知识体系。多问几个为什么、怎么做

CSS 工作原理?

  • 首先下载和解析 html
  • 其次下载和解析 css
  • 浏览器绘制渲染最终页面

CSS 作用于 HTML 的几种方式?

  1. 通过 link 标签导入单独的 css 文件
  2. 通过 style 标签插入 css 代码
  3. 通过 element 的 style 属性写入样式

参考