随记

元素支持三种视频格式：MP4、WebM、Ogg。

位置设置：

一.display

1.display:none　　隐藏标签

2.display:inline　　将块级标签改为内联标签

3.display:block　　将内联标签改为块级标签

4.display:inline-block　　块级内联兼并,不独占一行,可以设置宽高

二.float浮动

任何元素都可以浮动,浮动后就变成了块级标签,它会尽可能窄,造成塌陷,所以要clear清除浮动(relative也属于浮动)

1.float:none　　默认值,不浮动

2.float:left　　左浮动

3.float:right　　右浮动

三.clear

clear清除浮动后父级标签塌陷
　　1.clear:left　　左侧不允许有浮动

2.clear:right　　右侧不允许有浮动

3.clear:both　　两侧都不允许有浮动

四.overflow溢出

overflow-x\overflow-y能独自设置x\y轴的内容

1.overflow:visible　　默认值,不会做出任何处理

2.overflow:hidden　　隐藏溢出内容

3.overflow:scroll　　滚动溢出内容

五.position定位

1.position:relative　　相对自身位置移动

2.position:absolution　　根据有relative的父级以上级别(都没有就按body)的位置作为相对位置进行移动

3.position:fixed　　根据窗口进行移动

left\right\top\bottom:10px

六.z-index

如果定位后覆盖了其他标签,又想优先显示其他标签,就可以用z-index给标签设置优先级

z-index:1000;　　谁的数值大就优先显示谁

七.opacity

给标签内所有内容定义透明度

1. 简体中文页面：html lang=zh-cmn-Hans
2. 繁体中文页面：html lang=zh-cmn-Hant
3. 英语页面：html lang=en
   呈现为被强调的文本。
   定义重要的文本。
   定义一个定义项目。
   定义计算机代码文本。
定义样本文本。
定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
定义变量。您可以将此标签与

    及  标签配合使用。

justify-content 用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式

flex-start 默认值。项目位于容器的开头。
flex-end 项目位于容器的结尾。
center 项目位于容器的中心。
space-between 项目位于各行之间留有空白的容器内。
space-around 项目位于各行之前、之间、之后都留有空白的容器内。
initial 设置该属性为它的默认值。
inherit 从父元素继承该属性。

align-content 属性对齐交叉轴上的各项（垂直）

搜索框内可使用：placeholder 属性规定一个简短的提示，它描述了文本区域的期望值。

link
Link标签有两个作用：1. 定义文档与外部资源的关系；2. 是链接样式表。

link标签是用于当前文档引用外部文档的，其次，这个标签的rel属性用于设置对象和链接目的间的关系，
说白了就是指明你链进来的对象是个什么东西的，

rel各个属性值配置的意思：
Alternate – 定义交替出现的链接
Stylesheet – 定义一个外部加载的样式表
Start – 通知搜索引擎,文档的开始
Next – 记录文档的下一页.(浏览器可以提前加载此页)
Prev – 记录文档的上一页.(定义浏览器的后退键)
Contents
Index – 当前文档的索引
Glossary – 词汇
Copyright – 当前文档的版权
Chapter – 当前文档的章节
Section – 作为文档的一部分
Subsection – 作为文档的一小部分
Appendix – 定义文档的附加信息
Help – 链接帮助信息
Bookmark – 书签

所以说，我们用这样的方式，引入外部的css文件时，一定不能忘记rel属性的配置。

列表标签
ul与ol前的符号是可以修改的。只需要修改它们的type值。
ul的type属性有：disc—实心圆(默认）、circle—空心圆、square—实心方块
ol的type属性有：1—数字（默认）、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母