Day3 前端实操课程笔记0821

笔记：第一条规则从 h1 选择器开始，这意味着它将其属性值应用到 <h1> 元素上，它包含三个属性和属性各自的值（每个 属性/值 对称为一个声明）：

CSS r如何工作的 https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Introduction_to_CSS/How_CSS_works

浏览器将 HTML 和 CSS 转化成DOM （文档对象模型）。DOM在计算机内存中表示文档。它把文档内容和其样式结合在一起。

浏览器显示 DOM 的内容。由于 DOM 是 CSS 与文档内容的相遇之处，理解 DOM 有助于设计，调试和维护你的 CSS 文件。

HTML 文档编写完成> 浏览器渲染成DOM 树（标记语言中的每个元素,属性,文本片段都变为一个 DOM 节点）  >树上有N多节点， CSS 文件解析 >安选择器里面的声明开始工作   （后续学习了JS时，再来补充完善事件是如何的加载的）

不传参数：https://www.w3school.com.cn/tiy/t.asp?f=html5_ev_onselect

传递参数：https://www.w3school.com.cn/tiy/t.asp?f=html5_ev_onchange

对比分析两个事件属性中，参数传递与否得到的效果，理解记忆参数这一概念。

当前理解的意思：如果你的工作需要截取你对元素对象的操作结果，那么就传递参数，反之则不需要！（待证明理解是否正确！）

全局属性和全局事件属性

全局属性可用于任何 HTML5 元素。

可参考：http://www.jb51.net/w3school/html5/html5_ref_globalattributes.htm

事件属性：

就是当用户操作一个 HTML 元素(如按钮，文本框，选择框等)时，触发某种事件（如点击事件onclick、值变化事件onchange等），从而启动一段 JavaScript动作。

常用的事件有几类：

1. 窗口事件，如onload（当页面被载入时执行），onunload;

2. 表单元素事件，如onchange, onsubmit,onreset,onselect,onblur,onfocus;

3. 键盘事件，如onkeydown,onkeypress,onkeyup;

4. 鼠标事件，如onclick, ondbclick,onmousedown, onmouseup,onmouseover,onmouseout,onmousemove;

等等

HTML标签列表按功能分类为：12个类别、119个。（联盟标准已经预定义好的。）

基础标签、格式标签、表单标签、框架标签、图像标签、音频/视频标签、链接标签、列表标签、表格标签、样式/节标签、元信息标签、编程标签

任何一个标签都自带了相关属性：

全局属性（可用可不用，可泛化理解为一个人的综合能力）、专属属性（实践中最常用，可以理解为一个人的专长）、事件属性（窗口事件、表单事件、键盘事件、鼠标事件、媒体事件，可以理解为一个人的应激反应，多指动作性质的，你弄了他，他们给你反馈，是沉默还是给你一拳。）

备注:http://w3help.org/zh-cn/kb/008.html 包含块讲解  马克

交作业：