发表于: 2017-07-26 01:35:52
5 511
今天完成的事情:
1、看了一遍切图教程,做了一些小设置,把4个logo切了下来;
2、用div对页面进行布局,没有设置margin和padding
明天计划的事情:
1、看一下《自适应——PX,EM,REM的概念,自适应布局的写法》
2、完成margin和padding以及图片大小的设置,把任务三写完
遇到的问题:
1、一开始对整个布局都没有概念,看了一些资料才意识到需要用div,感觉一个html就是好多个div拼起来的
收获:
1、切图有手工切图、参考线切图、精准切图;本次因为图片少就用了手工切,参考线切手动删除了一些切片后不知道为什么出来的效果老是切歪;因为版本的关系没有体验精准切图
2、页面布局因为涉及了好几个div,所以使用了id选择器,同时也回顾了一下类选择器和标签选择器
3、text-align:center用于内联元素的居中,因为内联元素没有margin属性,用于段落时,是使段落内的元素居中对齐,margin:0 auto用于块级元素,自动对齐左右margin的意思,达到居中的效果,然而我没有用到?
4、看了一个关于viewport的文章,加一句<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">就不会缩放,出现滚动条
评论