发表于: 2018-06-16 04:20:33
1 694
今天完成的事情:
一、看了关于使用PS切图的视频,学到了一些切图方面的知识;
1.使用吸管工具可以获取到图片的颜色;
2.切图需要在视图中设置标尺和参考线;
3.关于传统切图和精准切图:
传统切图有两种方式:
1.使用切片工具和切片选择工具进行切图;
2.使用参考线先将需要的图片括起来,再点击"基于参考线的切片",电脑会将参考线覆盖的图片都设为要切的图,但后续要将不需要的图片再手动删除;再点击文件→存储为Web所用格式,选择PNG-24类型,确定;
精准切图:点击文件→脚本→将图层导出到文件,在弹出框选择PNG-24文件类型,PNG-24中的内容全选,确定,计算机会自动进行切片;
二、对css4种定位有了一些简单的理解(最近没多少时间学啊,烦。。。):
1.stalic:静态定位,每一个元素都有其默认的position属性,也就是stalic(静态定位),也就是不需要在css中显性的写出来,静态定位下的元素会按照文档流进行定位(块级元素占一行,行内元素并列显示,一行内放不下则再从下一行开始),文档流按照从上向下、从左向右的方式排列;
2.absolute:绝对定位,设置了绝对定位的元素会彻底从文档流中删除,其原本的位置会被关闭,之后的元素会自动向上顶;
设定了绝对定位的元素其display属性为block(即使其之前是行内元素,设定了绝对定位后,display属性也会自动变成block);
绝对定位有四个属性:top、right、bottom、left,使用这四个属性可以改变其显示位置,常用的是top、left属性;
如果设定了绝对定位但没有设定top、left属性,则元素从文档流中删除,但位置还是在未脱离之前的位置,并且由于后面的元素向上顶会将后面的元素盖住;
决对定位默认以body元素进行定位,如果其父元素设定了position属性为absolute或relative,则相对于其父元素进行定位;
3.relative:相对定位,以其原本所在的位置进行定位,之前所在的位置不会被删除,使用top、right、bottom、left属性基于其本来位置进行定位,如果未使用这四个属性,则还是在其原本位置显示;
4.fixed:固定定位,将元素基于浏览器窗口进行定位,不论如何滑动页面,其定位元素与浏览器窗口的距离也不会发生改变,同样使用top、right、bottom、left四个属性改变位置;
明天计划的事情:
继续学习css定位相关的知识;
遇到的问题:
关于PS:既然有了精准切图,是不是遇到切图都要让计算机切,而非利用传统切图自己手动切?
关于定位:暂无;
收获:
学习了一些关于利用PS切图的知识,以及对css定位的简单了解;
评论