发表于: 2021-11-28 20:57:20
2 1432
今天完成的事情:
今天完成了任务4,学习了任务4中input的使用方式,记录属性以及用法,排版布局了任务四的盒子使能保持不同分辨率下的不变性。
学习输入框限制输入 以及隐藏输入的方法。测试完成
然后开始做任务5,利用绝对定位完成了对顶部页眉以及底部页尾的定位,添加了样式,
并利用弹性盒子对内容进行了位置调整看起来大小合适,添加颜色,和文本定位,然后了解背景图片的使用属性
明天计划的事情:
明天主要完成任务5,了解任务5所需要的标签以及标签样式和属性,然后再加固以前学过的样式标签
遇到的问题:
任务5中设置上下页眉和页尾中间文字虽然不会随分辨率的调整改变大小,但一旦到了宽度200以下已经容不下文字的时候,文字就会重新纵向排版,已经设置最小宽度min-width: 300px;没有改善。
在F12调试模式,加入背景图直至出现滚动条,滚动后页眉消失,不在调适模式下不会消失。
感觉css写的太长太拖拉,可能是有些简单方便的样式属性还不知道,希望有哪些简单使用的样式以及属性,对排版 布局比较有效的望师兄多多提点
收获:
学会了input的 很多属性以及用法,对于使用弹性盒子flex有了更多的理解,这次用了绝对定位对以后的布局更加有法可用了,也了解了绝对定位的用途 以及方法
评论