看css禅意花园记的笔记

UTF-8是一种Unicode，Unicode是一种流行的国际编码方案。

好处是，不同字符集的多种语言可以共存于同一张页面中

用户界面设计基本法则:

• 了解将浏览页面的用户
• 在页面和站点中给用户足够的导向
• 使用被熟知的符号
• 保证与功能相关的特性在页面中足够显眼
• 保证设计元素的一到处性
• 了解页面中的关键元素
• 清楚表达页面的内容
• 与布局相关的可用性问题
• 重要信息放在显眼的位置
• 在title中给出页面的简单介绍
• 保证导航链接一致表现。确保页面中包含回到站点首页的链接
• 提供搜索功能
• 用缩进和偏移

position：fixed。其div将永远保留在同一个位置，且页面中的其他元素定位在于其下方

z-index设置固定元素的前后位置关系。高的覆盖低的

logo放在页面左上角，浏览者一般首先看这个地方。右上部分重要，底部不是那么重要

应用浮动，清除浮动.<divclass="clear"></div>

web页面中常用图像格式gif，jpeg，png

无损压缩将保留原图像的所有细节，有损压缩会对细节有所取舍，

以换来更小的文件

色深colordepth

指某种图像格式包含的颜色的多少。8位的色深有256种颜色

gif8位支持一位的透明度，即某个像素要么完全透明，要么完全不透明

jpeg24位色深不支持透明

png24或8位24位的文件很大，但完全无损。支持透明。可实现256级的透明度

gif和jpeg常用。前用于带有大块相同颜色区域的图像

jpeg用于照片等色彩，细节丰富的图像

优化jpeg高品质意味更大的文件

font-weight:normal正常（400）bold粗（700）weight值

(300)比正常精细显得纤细。范围是最细的100到最粗的900

bolder更粗

lighter比继承值更细

inherit使本段文字的字体粗细和父元素一致

text-decoration:overline上划线，linethrough删除线,blink时陷时现效果

line-height控制两行文字间的距离

line-height:0.8/0.8em/80%

letter-spacing字符间距标题，小段文字

background-attachment:fixed/scroll背景图像会不会跟随图像而动

padding内边距

绝对定位：一个绝对定位元素会参照它的定位容器元素来定位。如果没有定位容器元素

则会以html根元素为参照

字体网站

http://www.identifont.com/find?font=arial

csscribsheet

w3c提供的XHTMLCSS验证工具

http://validator.w3.org

http://jigsaw.w3.org/css-validator

创建并测试css，首先在最高级，最先进的浏览器中进行

（firefox,safari,opera中测试，再在IE中调整）

若用浮动实现布局，确保正确的清除了浮动

为元素应用内边距或边框来避免外边距重叠

避免IE6的无样式内容瞬间现象

不要依靠min-width,min-height属性。IE不支持

尝试减少百分比值

浏览器的计算中的舍入误差有时会让50%+50%=100.1%