美文网首页
Day3 前端实操课程笔记0821

Day3 前端实操课程笔记0821

作者: 臭虫bug | 来源:发表于2019-08-21 21:46 被阅读0次

    笔记:第一条规则从 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 包含块讲解  马克

    交作业:

    相关文章

      网友评论

          本文标题:Day3 前端实操课程笔记0821

          本文链接:https://www.haomeiwen.com/subject/edxvsctx.html