白文学_20210114-窦之鹏

知识总结

静态定位

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的一些知识点还有待补充。

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

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

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1