html元素的嵌套关系:
- 块级元素可以包含行内元素.
- 块级元素不一定能包含块级元素.div可以包含div,但p标签中不能包含div
- 行内元素一般不能包含块级元素.比如span中不能包含div,特列html5中,a标签可以包含div.
CSS Reset(对默认css样式进行重置)
现代 CSS 解决方案：Modern CSS Reset - 掘金 (juejin.cn)
html元素的分类:
按照样式分类:
- 块级元素
- 行内元素
- inline-block:比如form表单元素.对外的表现是行内元素,对外表现为块级元素.
按照内容分类:
html元素标签:
排版标签:
- 文本级标签：p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素。（a标签里不能放a和input）
- 容器级标签：div、h系列、li、dt、dd。容器级标签里可以放置任何东西。
- p标签是一个文本级标签，p里面只能放文字、图片、表单元素。其他的一律不能放。
- h1-h6标题标签
- p段落标签 属性align left center right
- 水平线标签hr/ 属性align size width color noshade
- 换行标签br/
- div span
- div标签：可以把标签中的内容分割为独立的区块。必须单独占据一行。
- span标签：和div的作用一致，但不换行。
- div在浏览器中，默认是不会增加任何的效果的，但是语义变了，div中的所有元素是一个小区域。 div标签是一个容器级标签，里面什么都能放，甚至可以放div自己。
span也是表达“小区域、小跨度”的标签，但只是一个文本级的标签。 就是说，span里面只能放置文字、图片、表单元素。 span里面不能放p、h、ul、dl、ol、div。
div+css;div标签负责布局、结构、分块，css负责样式。
字体标签:
,,,,
转义字符:不能直接输出某些特定含义的字符,会用到用的时候查下划线、中划线、斜体<u>：下划线标记
<s>或<del>：中划线标记（删除线）
<i>或<em>：斜体标记
粗体标签
字体标签 属性:color size face
上标下标
超链接:
外部超链接:链接到外部文件
<u>：下划线标记
<s>或<del>：中划线标记（删除线）
<i>或<em>：斜体标记
粗体标签
字体标签 属性:color size face
上标下标
超链接:
外部超链接:链接到外部文件
点击进入另外一个文件
点我点我
* 锚链接:**在本页面或者其他页面的的不同位置进行跳转**
* 
* ```
<a href="a.html#name1">回到顶部</a>* 邮件链接: **效果：点击之后，会弹出outlook，作用不大**。
* ```
<a href="mailto:xxx@163.com">点击进入我的邮箱</a>#### 超链接属性:
* `href`：目标URL
* `title`：悬停文本。
* `name`：主要用于设置一个锚点的名称。
* target：告诉浏览器用什么方式来打开目标页面。
target属性有以下几个值：
* `_self`：在同一个网页中显示（默认值）
* `_blank`：**在新的窗口中打开**。
* `_parent`：在父窗口中显示
* `_top`：在顶级窗口中显示
* 分清楚img和a的各自属性
* a是一个文本级的标签
* a的语义要小于p，a就是可以当做文本来处理，所以p里面相当于放的就是纯文字。
