CSS笔记(13)

PS切图

1. jpg图像格式:JPEG(JPG)对色彩的信息保留较好,高清,颜色较多,我们产品类的图片经常用JPG格式的
2. gif图像格式:GIF格式最多只能存储256色,所以通常用来显示简单的图形及字体,但是可以保存透明背景和动画效果,实际经常用于一些图片小动画效果.
3. png图像格式:是一种新兴的网络图形格式,结合了GIF和JPEG的优点,具有存储形式丰富的特点,能够保持透明背景,如果想要切成透明背景,请选择PNG格式.
4. PSD图像格式:PSD图像格式是Photoshop的专用格式,里面可以存放图层,通道,遮罩等多种设计稿,对我们前端人员来说,最大的优点就是我们可以直接从上面复制文字,获取图片,还可以测量大小和距离.

PS有很多种切图方式:图层切图,切片切图,PS插件切图.

1.图层切图

2.切片切图

3.PS插件切图

现在要做一个学成网首页的案例,前期有一些准备工作.

这篇文章主要写一下整体思路和大的框架,样式和布局留到自己重做的时候再写出来巩固一遍.

CSS属性的书写顺序(重要)

页面布局整体思路

为了提高网页制作的效率,布局时通常有以下的整体思路

1. 必须确定页面的核心(可视区),我们测量可得知.
2. 分析页面中的行模块,已经每个行模块中的列模块,页面布局第一准则.
3. 一行中的列模块经常浮动布局,先确定每个列的大小,之后确定列的位置,页面布局第二准则
4. 制作HTML结构,我们还是遵循先有结构,后有样式的原则,结构永远最重要.
5. 所以,先理清楚布局结构,再写代码尤为重要,这需要我们多写多积累.

一.头部制作

代码太多太麻烦了,最后一起放.

马上就要学完了,一天下来才学了10个视频,还是效率最高的一天...下一章是个大工程啊...