这是我参与「第五届青训营 」伴学笔记创作活动的第 1天
一、本堂课重点内容：
1.前端基础技术栈
HTML+CSS+JS(三剑客)
2.前端需要关注的点
美观、安全、兼容、功能、体验、无障碍
3.HTML的概念
4.DOM树
5.引用标签
<blockquote cite="http://cc.cn">
<p>
blockquote标签是长引用,cite指向引用地址
</p>
</blockquote>
<p>
<cite>
cite是短引用，短引用的内存会有斜体样式
<q> 也属于短引用 会加对内容加上引用符“”</q>
</cite>
</p>
<pre>
被包围在pre标签元素中的文本通常会保留空格和换行符
<code>代码标签</code>
</pre>
<strong>加粗</strong>
<em>斜体加粗（强调标签）</em>
6.内容划分
二、补充知识点：
1.css优先级
第一优先级：无条件优先的属性只需要在属性后面使用 ！important。它会覆盖页面内任何位置定义的元素样式。ie6不支持该属性。
第二优先级：在html中给元素标签加style，即内联样式。该方法会造成css难以管理，所以不推荐使用。
第三优先级：由一个或多个id选择器来定义。例如，#id{margin:0;}会覆盖.classname{margin:3pxl}。
第四优先级：由一个或多个类选择器、属性选择器、伪类选择器定义。如.classname{margin:3px}会覆盖div{margin:6px;}。
第五优先级：由一个或多个类型选择器定义。如div{marigin:6px;}覆盖*{margin:10px；} 。
第六优先级：通配选择器，如 *{marigin:6px;}。
！important > 内联 > id选择器 > class选择器 > 类型选择器 > 通用选择器（*）
三、实践练习例子：
初识HTML
<!doctypehtml>
<htmI>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>一级标题</h1>
<p>段落内容</p>
</body>
</htmI>
四、课后个人总结：
本节课主要是对HTML以及前端概念的初步介绍，由于之前有一定的前端基础，大多数的内容都能理解，不过有些内容在本节课中让我加深了理解，例如DOM树的概念、引用标签、屏幕阅读器等等，都是以外的收获。
