发表于: 2018-06-16 04:20:33

1 695


今天完成的事情:

一、看了关于使用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定位的简单了解;


返回列表 返回列表
评论

    分享到