发表于: 2017-03-29 21:33:00
1 601
今天完成的事:
优化了task3,给容器添加了一个高度,这样就能铺满屏幕了;
学会了定位,知道了relative absolute fixed的区别。relative是相对于它原本的位置进行定位,没有脱离文本流;absolute是绝对定位,相对于最近的设置过relative或fixed的元素进行定位,脱离文本流,参考float;fixed也是绝对定位,但它是相对于浏览器窗口进行定位。
学会了表单的简单应用,知道了input button标签、type属性的用法,也知道了value和placehoder的区别;
完成了task4;
明天计划的事:
整合之前学到的知识并完成task5;
学习css规范;
遇到的问题:
顶部登陆设为h1之后,最右侧按钮自动换行,通过查阅之后把h1 display设置为inline行内元素就好了;
再就是小图标跟input不平行的问题,我的解决办法是给图标设置一个float,然后给input设置顶部外边距让它处于一个相对平行的状态,竖线是给input设置左边框来解决的;
收获:
通过实践,知道了很多属性的用法,诸如border-style、outline、text-decoration,可以给他们赋值以取消默认的边框或下划线效果,通过查阅资料也知道了placehoder这个属性,这是个占位符,在输入框内起到一个提示作用,但不会妨碍输入,如果设置value的话它是直接内置在输入框里的,对于帐号密码页面来讲比较麻烦些
评论