发表于: 2021-11-28 20:57:20

2 1431


今天完成的事情:

                          今天完成了任务4,学习了任务4中input的使用方式,记录属性以及用法,排版布局了任务四的盒子使能保持不同分辨率下的不变性。

                          学习输入框限制输入  以及隐藏输入的方法。测试完成

                          然后开始做任务5,利用绝对定位完成了对顶部页眉以及底部页尾的定位,添加了样式,

                          并利用弹性盒子对内容进行了位置调整看起来大小合适,添加颜色,和文本定位,然后了解背景图片的使用属性 

明天计划的事情:

                          明天主要完成任务5,了解任务5所需要的标签以及标签样式和属性,然后再加固以前学过的样式标签

遇到的问题:

                          任务5中设置上下页眉和页尾中间文字虽然不会随分辨率的调整改变大小,但一旦到了宽度200以下已经容不下文字的时候,文字就会重新纵向排版,已经设置最小宽度min-width: 300px;没有改善。

                          在F12调试模式,加入背景图直至出现滚动条,滚动后页眉消失,不在调适模式下不会消失。

                          感觉css写的太长太拖拉,可能是有些简单方便的样式属性还不知道,希望有哪些简单使用的样式以及属性,对排版 布局比较有效的望师兄多多提点

收获:

                              学会了input的 很多属性以及用法,对于使用弹性盒子flex有了更多的理解,这次用了绝对定位对以后的布局更加有法可用了,也了解了绝对定位的用途 以及方法



返回列表 返回列表
评论

    分享到