11.1笔记

一、属性
1、cursor：属性规定要显示的光标的类型（形状）。
a、pointer：光标呈现为指示链接的指针（一只手）
b、move：此光标指示某对象可被移动。
c、help：此光标指示可用的帮助（通常是一个问号或一个气球）。
d、default：默认光标（通常是一个箭头）
e、auto：默认。浏览器设置的光标。
f、crosshair：光标呈现为十字线。
2、position: absolute 绝对定位
position：relative 相对定位

二、方法
1、querySelector() 方法
querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。
document.querySelector(".title");//获取文档中class为title的元素。

2、window.onload() 方法
window.onload() 方法用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。通常用于 <body> 元素，在页面完全载入后(包括图片、css文件等等)执行脚本代码。

a、只有一个要执行的函数语法：window.onload = funcRef;

b、有多个要执行的函数语法：

window.onload=function(){
    Func1();
    Func2();
    Func3();
    .....
}

注：window.onload 与 jQuery ready() 区别:

以下两种方式都是在 HTML 文档完毕后再执行 DOM 操作，

window.onload = function () {};    // JavaScript 
$(document).ready(function () {}); // jQuery

三、<label> 标签
<label> 标签为 input 元素定义标注（标记），标签的 for 属性应当与相关元素的 id 属性相同。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

四、display:flex布局
Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。
flex六种属性：