发表于: 2017-04-09 22:51:00

1 629


今天完成的事情:css-task4 

                             1.relative  相对定位,相对于元素原位置进行定位,元素原来所占空间仍然保留

                             2.absolute 绝对定位,元素脱离文档流。

                             3.表单属性input,以及input样式的更改

明天计划的事情:

                            1.  z-index层次分级  相关知识的学习

                           2.fixed 绝对定位知识的学习

                           3.开始css task5

                           4.使用禅道分解task5

遇到问题:  

                     1 如下图所示的head,关闭、登录、注册 都是采用div 绝对定位的方法布置的,父元素采用了相对定位,但是关闭、注册无法进行左边居中和右边居中。

                        原因是,div定位后,内部的文字不处于居中,需要使用text-align:center,并且设置height 与line-height相同的值。

                      .

                      2.手机图标旁边的 竖线,是通过设置边框显示的。

                           

                      3.第一次设置时,设置了input的width为100%,显示效果如下,原因是width宽度100%时,前面手机图标width占了一定位置,将input顶至后面一些。解决办法是重新设置input的width。

                         

收获:今天接触了position的相关知识和一部分表单的属性

                    


返回列表 返回列表
评论

    分享到