三亩地 三亩地SAN MU DI · CODE DIARY
ARTICLE DETAIL

日记详情

真实记录编程学习的某一天,欢迎挑你感兴趣的翻一翻。

css弹性布局,以及html总结

css弹性布局,以及html总结

css中在做导航栏这一部分的时候是真的卡住了,导航栏这一部分很蒙的当时,做到这一部分的时候对于hover的理解不够深刻,在上手实操的时候还是卡壳了。后面通过又做了一个项目,对于导航栏的布局慢慢的熟悉起来了,对于导航栏也有了新的见解,新的认识。因为我学东西都是很缓慢的,需要了解每一个东西基础原理甚至更深层次才能做到熟悉,缓慢的过程有负面情绪也是在所难免的,应该控制住情绪,而不是让情绪一直处于负面。不可能云淡风轻的对待这种情绪的,对于自身情绪要慢慢调节,就像项目也是如此,将时间线拉长,只要你每天有所成效,有所感悟,每天进步一点点那就是一大步。坚持的意义正是延迟满足那种感觉,我相信知识的层面是持久学习而不是短暂学习。在做css弹性布局的时候,那些标签元素的属性,我看基本还需要与百分比,width有很深的联系,在做页面最顶端导航栏的横排几组文本的时候,通过用一系列的justify-content:space-between,让文本两端对齐,项目间隔相等,第一个在起点,最后一个在终点,当想要做到稍微靠近起点与终点距离的时候,可以用margin,padding,width:%/vw辅助,通过调整margin 左右上下边距以及padding,width宽度可以靠近中间位置以及起点终点位置离得远些,这样就将弹性布局真真正正与盒子模型相结合了,也可以顺手练了两种布局,其他的布局用法都可以用ai先搜出来具体用途,然后在上手操作练习,就像小孩子走路一样要先站起来然后才能走,凡事都要讲究一个过程,不能仅仅停留在站起来层面,要一步一步的分析,每一部分都至关重要,在做导航栏的时候就是太着急了没按照基础原理走,要先认识,才能深入。当做项目遇到了问题了的时候,其实是该学习一下前面的标签用途了,对于用途理解的层次还是不够。

← 返回列表