这是我参与「第四届青训营 」笔记创作活动的第1天
我将根据在第一，二节课上学习的内容进行一个归纳整理，便于后面的学习
1.HTML语法
- 标签和属性不区分大小写（推荐小写）
- 空标签不闭合（例：input、img）
- 属性值推荐用双引号包裹
- 某些属性值可以省略（例：required、readonly）
2.DOM树
DOM树是是由DOM元素和属性节点组成的，DOM的本质是把html结构化成js可识别的树模型，有了树模型就有了层级结构，层级结构是指的是元素和元素之间的关系(父子、兄弟)，如下代码与图示帮助理解:
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
<h1>我的标题</h1>
<p>我的段落</p>
</body>
</html>
3.HTML中的常用标签
- 标题h1-h6:字体从大到小
- 列表：ol(有序),ul(无序)
- 图片：img
- 链接：a
- input输入：type="checkbox"(表示复选框),type="radio"(表示单选框)
- blockquote: 长引用，它的cite属性表示这个引用来源于哪
- cite: 短引用，引用某个作品名
- q: 短引用，引用具体内容
4.CSS的定义和使用
css用来定义页面元素的样式，包括设置字体和颜色，设置位置和大小，添加动画效果等等，在页面中使用css有三种方式：
- 外链
<link rel="当前文档与被链接文档之间的关系" href="css文件路径">
- 嵌入
<style>
img {
margin:0;
}
</style>
- 内联
<img style="width: 100px" src="图片路径"/>
5.CSS选择器
-
简单选择器
- 标签选择器
- id选择器
- 类选择器
-
属性选择器
-
伪类选择器
- 状态伪类:根据状态展现样式（例：链接）
- 结构型伪类:根据DOM节点在DOM树中的位置来决定是否选中这个元素
-
组合器选择器
- 后代选择器 (标签之间使用空格连接)
- 子选择器（标签之间使用>连接）
- 兄弟选择器（标签之间使用~连接）
- 相邻选择器（标签之间使用+连接）
6.CSS中的常用属性
- font-family:设置字体，可同时指定多个字体，避免某些设备上没有某些字体，英文字体尽量放在中文字体前
- line-height:行高
- text-decoration:设置文本下划线等
- text-align:文本对齐
7.总结
本文仅列出了一些需要学习的部分框架，使读者对需要学习的内容有个大致了解，想要深入学习可以根据列出的内容查阅一些其他相关文章，其中css布局也非常重要，需要花一些时间学习，在此并未列出，这也是我后面要深入学习的地方，文章内容有些许不足，欢迎指正~~
