目录
- 前言1
- 目录2
- 为什么要内嵌CSS? 3
- 活在像素的世界中 4
- Ballache确实.. 5
不是图书控的我,鬼迷心窍的一心想做一本更加真实的网络书
从来没有试过冰糖橙子的我,神魂颠倒的取了诡异的博客名
断断续续,拖拖延延的做很久,墨迹了个半成品
总而言之2011,冰糖橙子将会更加努力
一直很疑惑为什么像QQ首页,淘宝,163首页这样的大流量的网站为什么要CSS直接写在页面,难道这是为了减少HTTP请求么?虽然减少了一条HTTP请求,相反却不能作为外部文件被浏览器所缓存,网站的加载的数据量将会加大,表面看来这是得不偿失的。那为什要这么做呢?
内嵌会增加了开发成本么?
内嵌CSS不等同于直接将样式写在页面上,也不等于不利于修改和管理,其实也是程序读取外部文件再写在页面上。在本质上还是在调用一个外部的样式表。那内嵌到底有什么好处?
接上一文,蛋疼的马里奥,用css拼完了马里奥FC图片之后,我萌发了写一篇关于像素的想法。
何谓像素?“像素”(Pixel) 是由 Picture(图像) 和 Element(元素)这两个单词的字母所组成的,是用来计算数码影像的一种单位,和我们日常单位”厘米”类似,可以作为一种长度丈量的单位。而给我最直观的印象在于PS中放大8倍后,直观的1px × 1px小方块。
像素的构成就是色彩中的三原色RGB(红色,绿色,蓝色),这其实等同于彩色电子屏幕显色以及彩色印刷的原理。偶然的一次机会我好奇的翻开老实彩色打印机,黑色墨水不够,纸张通过多种颜色的覆盖,最后变成的黑色,当你用酒精清洗CRT显示器时,透过水的放大作用,你会打开整个屏幕都是花花绿绿的小点构成。
对于一个页面仔来说,每天与之打交道的最多就是像素了,在PS中比比量量,切切裁裁,每一处都要精确的像素单位。一张精美的设计稿,在放大X倍以后,无非全都是花花绿绿像素点揉挤在一起的,再有欲望也全打消了。为什么会这样,对于人眼来说,对微小事物分辨率有限,眼中图像会自动的混合相邻的颜色,所以其实图像的本质色彩远远大于我们所能看到的部分。