回复：盖个楼，记录我的HTML学习历程

第十九课，列表
1.列表
有序列表<ol><li>1111</li><li>1111</li></ol>
无序列表<ul><li>1111</li><li>1111</li></ul>
2.定义列表
<dl><dt>DT表示结构</dt><dd>
DD用来规定网页中哪里是标题，哪里是段落</dd></dl>
3.层级关系列表之间可以互相嵌套

第二十、二十一、二十二课，超链接、相对路径
1. 超链接超链接可以从一个页面跳转至另外一个页面，用<a>标签，是一个行内元素，在此标签中可以放除自身以外任何的元素属性：href：跳转的目标路径，可以是外部或内部的网址；
2.相对路径表示当前路径的方式：./表示当前路径上级路径的方式：../
3.超链接打开方式属性：target值：_self 在自身页面打开_blank 打开一个新的网页# 回到当前页面的顶部javascript:; 占位符，点击后无任何反应
4.超链接中ID属性每个标签都可以添加一个ID属性，ID属性是元素的唯一标识，同一个页面中不可以出现重复的ID值，配合超链接中的href属性，可以实现任意位置的跳转

第二十三、二十四课，图片标签
1.img标签通过img标签，可以在网页中引入图片：<img src="./img/1.jpg">，可以引入本地图片，也可以引用超链接图片；
2.img标签属性
src ： 链接地址
alt ： 描述，浏览器会根据alt中的内容来识别图片
width ：图片宽度
height：图片高度；
3.图片格式
jpeg：支持的颜色丰富，不支持透明图，不支持动图，一般用于显示照片
gif ：支持的颜色较少，支持简单透明，支持动图，一般用于显示颜色单一的动图
png ：支持颜色丰富，支持复杂透明，不支持动图，专为网页使用而生
webp：谷歌新推出的专门用来表示网页中的图片的一种格式，包含了其他格式图片所有的优点

第二十五课，内联框架
1.<iframe>用于向当前网页中引入一个其他的页面；
2.属性src：要引入的网页的路径frameborder：值为0或1，显示有边框或无边框

第二十六课，音频视频播放
1.<audio>标签
src：引用链接controls：是否允许用户控制播放
autoplay：音频是否自动播放，大部分浏览器不会自动播放音乐
loop：音乐是否循环播放
以上属性均没有值
PS：由于各个浏览器对于此标签的兼容情况不一，建议配合使用source标签，并搭配文字提示
2.<video>
标签大体同<audio>
3.拓展对于视频/音频等占用内存较大文件，不要直接放在服务器，应专门放置在大文件存储服务器中，或者直接饮用其他网页的播放地址。

第三十一课，复合选择器（重要）
1.交集选择器作用：选择同时符合多个条件的元素语法：选择器1.选择器2.选择器3·······
PS：如果交集选择器中有元素选择器，必须使用元素选择器开头
2.并集选择器作用：同时选择多个选择器对应的元素语法：选择器1,选择器2,选择器3

第三十二课，关系选择器（重要）
1.元素关系父元素：直接包含子元素的元素
子元素：直接被父元素包含的元素
祖先元素：直接或间接被后代元素包含的元素
后代元素：直接或间接被祖先元素包含的元素
兄弟元素：拥有相同父元素的元素
2.子元素选择器作用：选中指定父元素中的指定子元素语法：父元素>子元素
PS：可以搭配交集/并集选择器使用
3.后代元素选择器作用：选中指定元素内的指定后代元素语法：祖先 后代{}
4.选择下面一个兄弟
前一个+下一个
PS：两个元素必须紧邻，否则无作用产生
5.选择下面所有兄弟
前一个~下一个

第三十四课，伪内选择器
1.伪类：不存在的类，特殊的类，如：第一个子元素，被点击的元素，鼠标移入的元素伪类一般情况下使用冒号：开头
以上的伪类都是根据所有的子元素进行排序的，若子元素中包含其他元素，则不可设置，可配合使用first-of-type解决问题

第三十五课，超链接的伪类
1.
：link 没有访问过的链接（正常的链接）
：visited 访问过的链接
PS：由于隐私性的问题，visited这个伪类只能修改链接的颜色，不能修改其他属性。
：hover 鼠标移入的状态
：active 鼠标点击的状态

第三十六课，伪元素
1.表示页面中一些特殊的不存在的元素（或位置）

今天事情比较多，去了一趟龙泉，只看两节课了，明天复习。

第三十七课，餐厅练习
跳过

第三十八课，继承
1.样式的继承：为一个元素进行样式设置，同时也会应用到后代元素上；
2.继承的优点：利用继承，可将一些通用的统一样式设置到共同的祖先元素上，这样设置一次即可让所有的元素应用该样式
PS：并不是所有的样式都会被继承，如背景、布局相关不会被继承

第三十九课，选择器的权重
1.样式的冲突：通过不同选择器选中相同元素，并为相同的样式设置不同的值时，此时发生样式冲突，发生此类问题时，由选择器的权重确定最终样式
2.选择器权重：
内联样式 优先级1000
id选择器 优先级100
类和伪类选择器 优先级10
元素选择器 优先级1
比较优先级时，需要将所有选择器的优先级进行相加计算，最后优先级越高的显示。
PS：可以在某个样式后面添加!important，此时该样式获得最高优先级，甚至超过内联样式，但在开发中需慎用。

第四十课，像素和百分比
1.像素-屏幕实际上是由一个个像素点构成的-不同屏幕的像素太小是不同的，像素越小的屏幕效果越清晰

2.百分比-也可以将属性值设置为相对于其父元素的百分比