第一章简介

A.样式声明

1.章节介绍与 CSS 引用差别

Terms:rel，href，type

属性	说明
rel	定义当前文档与被链接文档之间的关系
href	外部样式文件
type	文档类型

2.CSS 的多种引用方式详解

Terms:link,@import

<!--  外部样式 -->

<link rel="stylesheet" href="houdunren.css" type="text/css" />

<!-- 嵌入样式 -->
<style>
  body {
  background: red;
 }
</style>

<!-- 内联样式 -->
<h1 style="color:green;">houdunren.com</h1>

<!-- 导入样式 -->
<style>
 @import url("hdcms.css");
 body {
  background: red;
 }
</style>

3.样式组件设计与导入技巧

• 初始样式
• 使用 open-props css 统一变量集

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css" />

4.vscode 添加 less 支持

Terms:easy less

5.vscode 同步浏览器刷新

Terms: live server