前端三层
结构层 HTML
样式层 CSS
行为层 JavaScript
CSS 四种引入方式
- 行内式
在 HTML 中采用 style 引入 CSS 样式 - 内嵌式
在 HTML 中 head 标签对中的 style 标签对中写入 CSS 样式 - 导入式
使用单独的 CSS 文件，也是在 head 标签对的 style 标签对中引入。
倒入式会造成一个问题，css 会在整个页面装载完再装载 css，所以会导致页面有一段时间没有 css 样式，所以这种引入方式不常用
<style>
@import url('css/style.css')
</style>
- 链接式
也是使用单独的 css 文件，但与导入式不相同使用 HTML 方式引入 css 文件，会在装载网页主体前装载 css 文件，不会造成一段时间无 css 样式，这种方法是普遍使用的。
<head>
<link rel="stylesheet" href="./css/style.css">
</head>
