知识点总结

3.3定位

定位( position )允许您从正常的文档流布局中取出元素，并使它们具有不同的行为，例如放在另一个 元素的上面，或者始终保持在浏览器视窗内的同一位置。

3.3.1 静态定位

静态( staitc )定位是每个元素获取的默认值——它只是意味着“将元素放入它在文档布局流中的正常位 置

如果所有的父元素都没有显式地定义 position 属性，那么所有的父元素默认情况下 position 属性都 是 static 。

3.3.2 相对定位

相对定位与静态定位非常相似，占据在正常的文档流中，除了你仍然可以修改它的最终位置，包括让它 与页面上的其他元素重叠。

给元素加上 position:relative; 并不会改变元素的位置，需要使用 top ， bottom ， left 和 right 属性。

• 相对定位生成相对定位的元素，相对于其正常位置进行定位

3.3.3 绝对定位

position:absolute; 生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。绝对定位的元素不再存在于正常文档布局流中

3.3.4 固定定位

fixed 固定定位，这与绝对定位的工作方式完全相同，只有一个主要区别：绝对定位固定元素是相对于 元素或其最近的定位祖先，而固定定位固定元素则是相对于浏览器视口本身。

3.3.5 z-index

当我们使用定位后，元素有可能会出现重叠现象。什么决定哪些元素出现在其他元素的顶部？当我们在 定位上下文中只有一个定位的元素，它出现在顶部，因为定位的元素胜过未定位的元素。如果是多个定 位元素，在后面的定位元素将出现在先定位与元素的顶部。

当然，我们可以使用 z-index 属性。 “z-index”是对z轴的参考。

网页也有一个z轴：一条从屏幕表面到你的脸（或者在屏幕前面你喜欢的任何其他东西）的虚线。 zindex 值影响定位元素位于该轴上的位置；正值将它们移动到堆栈上方，负值将它们向下移动到堆栈 中。默认情况下，定位的元素都具有z-index为auto，实际上为0。

3.3.6 position: sticky

还有一个可用的位置值称为 position: sticky，比起其他位置值要新一些。它基本上是相对位置和固定位 置的混合体，它允许被定位的元素表现得像相对定位一样，直到它滚动到某个阈值点（例如，从视口顶 部起10像素）为止，此后它就变得固定了

JavaScript复习

通过运用不同的函数，实现不同的效果

比如：

confirm()
var result = confirm("确定退出吗？") #是一个判断函数，返回“确定”或者“取消”

//获取当前时间对象
function start(){
    timer = setInterval(time,1000);# JavaScript的setInterval()函数用于设定每隔指定的时间就执行对应的函数或代码。(time是函数，1000ms是时间)
}
function time(){
    var date = new Date();
    var str = date.toLocaleString();
    var p = document.querySelector("#timer");# 通过document对象访问页面中的所有的内容
    p.innerText = str;# innerText获取标签中的文本内容
}

//设置变量，获取值
// 先获取 数字
var num = document.querySelector("#num");
// 每个一秒 减 1
setInterval(jian,1000);
    function jian(){
        var cur = num.innerText - 1;
            if(cur == 0){
                // 跳转 document.querySelector("#a").href
                ocation.href = "demo.html";# location 对象存储了当前文档位置（URL）相关的信息，简单地说就是网页地址字符串。使用 window 对象的 location 属性可以访问。
            }
        num.innerText = cur;
    }

心得体会

虽然js是已经学过的东西，但是一直感觉和没学过一样，应该去掉感觉...

见过一些函数，但是自己没写过，导致现在完全不会用。今天也是有收获的一天，懵懵懂懂的学到了一些函数的使用，希望以后用的时候能会用。