发表于: 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的话它是直接内置在输入框里的,对于帐号密码页面来讲比较麻烦些


返回列表 返回列表
评论

    分享到