读书笔记：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、注意分层；

图像的使用主要是为了给作品带来最大限度的视觉冲击力，但是不要喧宾夺主。

读书笔记：CSS禅意花园-图像相关推荐

《CSS 禅意花园》读书笔记1
最近有点忙..但有的事情开始写博客就不能停下来. <<CSS 禅意花园>>读书笔记1(基础篇---------上) 在假期中买一本<<CSS 禅意花园>> ...
读书笔记：CSS禅意花园-布局法则
设计的目标: 好的作品是能够唤起某种气氛和情感,引起欣赏者的共鸣,而正如CSS禅意花园的名字所言,应该把握它的四点设计精髓- 视觉.CSS.禅.花园 ,真正优秀的设计应该给人平静.放松如 ...
CSS禅意花园 —— 设计
毕业对于论文困难群众来说真是太困难了,目测大家的平均字数都在2.5万左右.昨天"去中财的课程杠杆"花了我一天时间,今天,居然还发了生产实习报告的通知,我真吐了口血.真是,前有狼,后 ...
读《CSS禅意花园》有感
读<CSS禅意花园> 有感 1.图片用<img>标签添加到页面中,会增加页面的大小,导致页面加载需要更长的时间.可以用css background 引用图片. 1.1.若图像属 ...
CSS大道至简--读《CSS禅意花园》
CSS大道至简只承认一个个确实存在的东西,凡干扰这一具体存在的空洞的普遍性概念都是无用的累赘和废话,应当一律取消.如无必要,勿增实体. ---奥卡姆剃刀周末找了两个主题研究了一下:CSS 正则表达 ...
《CSS禅意花园》明日上市
感谢各位支持,终于要上市了-- China-pub链接:http://www.china-pub.com/computers/common/info.asp?id=33191 我的相关文章: 最近的几 ...
CSS禅意花园——CSS设计的绝美境界
CSS禅意花园,早有耳闻,一直没太注意,原来,这是个世界上都非常著名的网站,这个网站,主页只有一个,样式表却有成百上千个,选择不同的样式表,装载到这个页面,就会为我们呈现成百.上千种不同的视觉效果. ...
读《CSS禅意花园》中学习到的
昨晚看完了网上名气很大的<CSS禅意花园>,其实整本书的内容都只是从web设计人员的角度出发,这本书对于网页制作人员而言,可以这么形容它的价值:饭后小甜点. 这是一本小品式的书.一 ...
CSS禅意花园标准HTML
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content=& ...

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

读书笔记：CSS禅意花园-图像相关推荐

最新文章

热门文章