发表于: 2018-09-09 23:37:52
2 758
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
完成了任务四的静态网页。js我等搞完css再写吧……想先看一下bootstrap的内容。
页面如下:
明天计划的事情:(一定要写非常细致的内容)
根据任务四是否需要更改的情况学习任务5的内容
遇到的问题:(遇到什么困难,怎么解决的)
1.问题:给第一张图片加上absolute属性而input没有时,会自动换行。
解决:给两个都加上absolute属性,并且设置input的z-index为1,保证能够进行点击。
2.问题:设计稿的尺寸是720X1080,但是看官网的图在宽度是320px的时候也很小。
解决:把所有的尺寸变成rem,先初始按照625%进行计算,整体做完之后打到320px的宽度手动缩放百分比,看哪一个比较合适。
依旧疑问的点:每次都需要这么做吗?还是有什么其他的方法?
3.问题:给input加上color属性placeholder没有变色。
解决:通过搜索知道必须使用
input::-webkit-input-placeholder { /* WebKit browsers */
color: #eaedee;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #eaedee;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #eaedee;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #eaedee;
}
才行。
4.问题:缩小的时候会出现的情况。
解决:原因是input栏的尺寸设置成了100%,太大了。这一条并不是input的长度布满全部,而是上层div的长度布满全部。
收获:(通过今天的学习,学到了什么知识)
1.使用了很多绝对定位的东西。
2.对于input的宽度有了进一步的了解。
评论