DESKTOP-ESEP4D3_20210522-马兰
日志
一，知识总结
1，H5的新增标签
<datalist> 定义下拉列表
<embed> 标签定义嵌入的内容
<nav> 导航 在H4中导航栏一般用ul-li标签，H5中可以直接用 <nav> 标签
<figure> 和 <figcaption> ： <figure> 为父元素，用于图片的外层，
其子元素
<figcaption> 用来对内容进行说明。
<hgroup> 页面上得一个标题组合（一个标题和一个子标题）
<details> 标签，用于描述文档或文档某个部分的细节。
<mark> 标签，定义带有记号的文本。
<marquee> 滚动文字
2，CSS (层叠样式表)
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。
内部样式（也称行内样式）：就是在 HTML 文档中，通过 style 元素来嵌入CSS样式。
通常建议将 style 元素 添加到 head 元素内部。
rel固定值为 stylesheet
href为外部CSS文件的位置
@import 引入或导入，一般用于外部样式表中使用。（内部样式和外部样式优先级取决于谁后生效【就近原则】，不绝对）
3，选择器
常用的选择器类型：
标签选择器、ID选择器、class选择器、属性选择器、子元素选择器、后代选择器、伪类、通配选择
器、组合选择器
（1）标记选择器（标签选择器）
特点：选择页面上所有匹配于该 tagName 的元素，不区分大小写。
（2）class选择器（class 选择符）
特点：值是自定义的，可以有多个，多个之间用空格隔开。
（3）属性选择器（属性选择符）
特点：根据 HTML 元素的属性来选择相应的元素，显式声明。
（4）id选择器
特点：选择页面上 id 属性(attribute)中 等于 指定值的元素，尽量保证标签的唯一性。
4，常见的伪类样式
| 元素 | 作用 |
|---|---|
| link | 来访问时 |
| visited | 访问过后 |
| hover | 鼠标悬停，其他的html元素也有此状态 |
| active | 激活时 |
| last-child | 最后一个元素 |
| first-child | 第一个元素 |
| nth-child | 第一个子元素 |
| before | 在元素渲染之前 |
| after | 在元素渲染之后 |
5，常用的CSS属性
（1）元素尺寸
目前有width和heigth
(2)边框的样式
| dashed | 双虚线 |
|---|---|
| solid | 实线 |
| double | 双线 |
| groove | 带边框效果 |
（3）边框的颜色（border-color）
（4）四周边框
顶部边框的书写顺序：
粗细（width） 风格(style) 颜色(color)
（5）圆角边框（border-color）
（6）外边距
margin属性设置外边距
设置四周外边距的顺序：上右下左（顺时针）
二，心得体会
昨天晚上的作业我有很多的问题，但今天早上老师把题分析讲解了一遍，使我昨天晚上遗留的许多问题都豁然开朗，这使我很高兴，也很感谢老师。但今天上的内容虽然不多，但我还是有很多地方都搞不清楚还说不出来，一不注意就跑神了。
近期评论