发表于: 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的相关知识和一部分表单的属性
评论