知识总结

静态定位

position:static；

相对定位

position:relative;

可以通过顶部top，底部bottom,左侧left和右侧right属性来设置定位。它相对的是它自己。

绝对定位

position:absolute;

是指该元素相对于它的父元素偏移一定的距离，

元素可以通过顶部top，底部bottom,左侧left和右侧right属性来设置定位。

相对的是父元素，而且这个父元素必须设置了position属性。

相对定位和绝对定位的区别：

相对定位，不会脱离文档流。

绝对定位，会脱离文档流。

固定定位

position:fixed;

fixed固定定位

相对于浏览器视口本身

sticky定位

position:sticky ;

相对位置和固定位置的混合体

z-index

z-index:1;

优先级

!import提升优先级

BOM

window对象 表示浏览器的一个实例

alert()

location

history对象

两个实例：

1.时间开始和暂停

2.页面跳转

心得体会

javascript 还是不太会用。h5和CSS3的一些知识点还有待补充。

不能好高骛远，不能过早的追求页面的华丽和一些复杂的技术，还是应该先熟练的掌握基础知识，能熟练地运用这些知识之后再去学习后面的东西。学习还是要有整体思维，几块砖搭不起来高楼大厦，几个知识点也不能搭起来一个完整的实用又美观的页面。虽然之前学过前端，但是由于长时间没有复习前端，很多东西还是忘了。

学习由浅及深，由整体框架到每一个知识点。掌握好这些基础，设计页面就像制作一件艺术品一样。