2017-11-17学习记录:定位

原创 moxiao 随笔 个人笔记 327阅读 2017-11-17 20:38:01 举报

今天老师讲了新的内容,前几天我也自己看了看关于定位的学习视频,有一点点的了解。
上午学习下午练习,让今天一天过得很充实,很久都没有这种学习到新知识的激动的感觉了。
关于定位我学的还是很生疏的,不过我相信,不用多长时间,定位就会像是我自己的手一样,融为一体。

下面是关于定位的一点知识点:
定位
position:relative; 相对定位
1、不影响元素本身的特性;
2、不使元素脱离文档流(元素移动之后原始位置会被保留);
3、如果没有定位偏移量,对元素本身没有任何影响;
4、提升层级

注意:相对定位是相对于该元素原始位置发生偏移

position:absolute; 绝对定位
1、使元素完全脱离文档流;
2、使内嵌支持宽高;
3、块属性标签内容撑开宽度;
4、如果有定位父级相对于定位父级发生偏移,没有定位父级相对于document发生偏移;
5、相对定位一般都是配合绝对定位元素使用;
6、提升层级

今天只学了相对定位和绝对定位,知识点是知道了,在运用上还是显得十分生疏,要多加练习。
好了,放图看看今天的练习吧!
html 代码

html 代码

今天还有两个练习,不过方法和第一个一样,就不往上面发了。

下午身体不舒服,可能有的代码会有不足之处,以后我会加强的。

总的来说,今天是很不错的,了解了定位,学习了定位,使用了定位,想想马上定位学完,熟悉了,做网站跟玩一样就有点小激动,有木有?
星期天了,我会把休息的时候写的代码继续发上来,坚持下去,加油!!!

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复