这是我参与「第五届青训营」伴学笔记创作活动的第 1 天

该文的笔记是听青训营课程收获的遗漏知识点，并非全面的相关知识，只为记录作者的遗漏知识，便于复习

前端与HTML

1. doctype 表示：该 HTML 文件以什么样的格式进行渲染

HTML 语法

1. 标签和属性不区分大小写，推荐 小写
2. 空标签可以不闭合，例如 input、meta

<img src="...">

3. 属性值推荐用双引号包裹
4. 某些属性值可以省略 例如 required、readonly

<input required>
<input required="required">

描述列表

dl 标签是整个描述列表标签，dt 是描述列表中的描述项标题，dd 是描述列表中的描述项内容

<dl>
  <dt>导演：</dt>
  <dd>陈凯歌</dd>
  <dt>主演：</dt>
  <dd>张国荣</dd>
  <dd>张丰毅</dd>
  <dd>巩俐</dd>
</dl>

引用标签

1. blockquote标签（ 块级引用，长引用）：应用较长的一段文字；存在 cite 属性

<blockquote cite="http://t.cn/RfjK00F">
  <p>天才并不是自生自长在深林荒野里的怪物，是由可以使天才生长...</p>  
</blockquote>

2. cite 标签（短引用）：简短的引用几个文字，主要引用作品名字和章节

<p>我最喜欢的一本书是：
	<cite>小王子</cite>
</p>

3. q 标签：简短的引用几个字，主要引用作品内容

<p>在
	<cite>第一章</cite>
  ，我们讲过
  <q>字符串是不可变量</q>
</p>

4. code 标签：引用代码，可长可短

理解 CSS

颜色-HSL

色相（Hue）是色彩的基本属性，取值范围是 0360；饱和度（Saturation）是指色彩的鲜艳程度，越高越鲜艳，取值范围是0100%；亮度（Lightness）是指颜色的明亮程度，越高颜色越亮，取值范围为0~100%；

color:hsl(211,66%,50%);
color:hsla(211,66%,50%,0.3);

继承

某些属性会自动继承其父元素的计算值，除非显式的指定一个值；如果不可继承，可以使用 inherit 属性显式继承

* {
  box-sizing:inherit;
}

所有元素可以继承的属性

1. 元素的可见性：visibility
2. 光标属性：cursor

内联元素可以继承的属性

1. 字体系列属性：font-size 、font-weight 、font-family 、font-style ...
2. 除 text-indent 缩进、text-align 居中否 之外的文本系列属性：color 、direction 、letter-spacing 、line-height ...

块级元素可以继承的属性

1. 文本首行缩进：text-indent
2. 文本布局：text-align

CSS 属性值流程

匹配 --- 筛选 --- 继承 --- 计算 --- 格式化 ---整数化

多个声明值---一个层叠值---非空值---计算值（无相对值）---使用值（无关键字）---实际值（无小数）

计算值和使用值的区别：能直接得到绝对值的会是resolve处理得到计算值；如果需要根据实际布局才能得到的值会是formatting处理得到使用值。