HTML的基本结构
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
<p>文档内容...</p>
</body>
</html>
lang属性用于设定网页的语言（zh-CN中文，en英文）
charset属性用于指定网页的字符编码
HTML常用全局属性
- 鼠标移到元素上时显示的一个工具提示文本
<abbr title="全称">简称</abbr> - 隐藏元素
<p hidden>默认隐藏的段落文本</p> - 自定义属性
常与JS和CSS的content属性一块配合使用<div id="el" data-name="adiu" data-uid="121"></div>
favicon图标
<link rel="icon" href="https://csdnimg.cn/public/favicon.ico">
缩略的网站标志，它显示在浏览器标签上，是必不可少的
CSS的引入方式及区别
-
行内样式
<p style="font-size: 18px;color: #666;">文档内容...</p>结构层和样式层没有分离，不易读
-
内部样式表
<style media="screen"> p { font-size: 18px; color: #666; } </style>整个页面显得太臃肿，且多页面应用容易产生冗余代码
-
外部样式表
导入式
<style media="screen"> @import './css/master.css'; </style>media指定媒介类型：screen 计算机屏幕，print 打印
链接式
<link rel="stylesheet" href="./css/master.css">
所属关系：
@import是css的语法规则，只能加载在style标签内和css文件中；link是HTML提供的标签
加载顺序：
等页面内容全部加载完成后，才下载@import后面的文件；当页面加载的时候，link引用的文件会同时加载
脚本支持：
link支持使用JS控制DOM去改变样式
CSS的继承性
元素外观（文字颜色、字体等）相关的样式会被继承，元素布局相关的样式不会被继承
可以使用inherit关键字实施继承（标题的字体大小不会继承，超链接的文字颜色不会继承）
CSS中的颜色
十六进制颜色、rgb()、rgba()
CSS中的长度单位
px：绝对尺寸，不能随着浏览器的缩放而产生变化，一般不用于响应式应用
em：相对尺寸，参考对象为父元素的字体大小，如果父元素没有设置则会一层一层向上找
rem：相对尺寸，参考对象为根元素html的font-size
