读书笔记:CSS禅意花园-图像

      图像文件格式:图像文件格式分为很多种,但是可以在Web可以流程运行的自由GIF、PNG、JPEG,现在详细介绍一下三种格式:
GIF:使用一种LZW压缩方式进行无损压缩,支持8位色深,支持1位的透明度。使用区域:包含大部分相同颜色的背景图、文本等。
JPEG: 支持24位色深可以显示照片等色彩、细节丰富的图像,不支持透明度。
PNG: 支持8位和24位色深,也支持1位和8位透明度。
      选择图像格式一般是在透明支持、色深、压缩比率之间权衡,只有了解可适用范围才可以更好的选择图像格式。
      FIR技术 是把图像作为背景运用到元素上,图像替换的责任是为了让正常的用户可以看到图像信息,特殊用户看到文本信息。主要有两种方法:文字移出可视屏幕和图像覆盖文字。
关于图像的使用技巧,它最大的诱惑就是为作品添加了过多的非必需图像。所以在选择图片时一定要先问问自己,这是不是必需的。另外有一些减少图片数量,降低文件大小的方法:
1、尽可能使用文本样式替代图像;
2、一定需要图像,就只保留图像中为实现预期效果中必需的部分;
3、使用细条图像填充背景;
4、尽可能重复的使用图像;
5、可以用CSS中的属性实现效果,就应该毫不犹豫的使用属性而不是图像,比如background-color;
       关于图像的获取可以去免费共享网站下载,也可以用绘图软件自己绘制,关于这个我这里就不详细介绍技巧了。下面介绍一下图像的具体运用:
实现曲线效果:
1、用单一的背景图像实现;(当然,这里的图像就是直接是曲线效果)
2、在多个元素上应用背景图像,这个就是非常大的视觉冲击力的分层;
3、只修改内容区域的边角;
实现三维效果:
1、观察细节;
2、建立真实感;(具体技术在CSS禅意花园有详细总结)
3、注意分层;
       图像的使用主要是为了给作品带来最大限度的视觉冲击力,但是不要喧宾夺主。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值