1.em单位是相对于包含它的规则而言

?

2.css用于将网页的内容与表现分离，所有的核心，框架性的内容放在（x）html文件中，而实际样式则是放在样式表文件中

?

3.关于颜色：http://en.wikipedia.org/wiki/Web_colors

? ?web安全颜色主要有216种，表示在任何平台上都能正常地显示216种颜色,当然会逐渐被淘汰

? ?css语言和HTML4规范一样都定义了16种具名颜色。加上css2.1添加的orange，一共是17种具名颜色。如图：

?

4.关于web调色板的一些基础网站。

ColorBlender:http://colorblender.com

Color Palette Generator: www.degraeve.com/color-palette/index.php

Color Lovers:www.colourlovers.com

Color Scheme Generator 2 :wellstyled.com/tools/colorscheme2/

深入的站点：

www.web-colors-explained.com

http://en.wikipedia.org/wiki/Web_colors

?

5.gif格式是背景图像最理想的图像格式，它通过使用特有的压缩模式使得文件大小达到最小

gif一般用来保存那些具有纯净颜色块得图像，比如说简单的logo或者简单的模式，对于大图像而言，它主要用来保存不带渐变色的图像

?

jpeg一般采用照片图像的有损压缩的标准方法，在反复的编辑和保存过程中，jpeg文件将逐渐退化，这一点和对照片副本进行再复制有点像，照片图像最好是以无损的非jpeg格式保存，如tiff

?

?6.背景图像：

重复：background-repeat：no-repeat/repeat-x/repeat-y/

定位：background- position：top left/top center/top right;center left/center center/center right;bottom..

x-%/y-%;x-pos/y-pos

粘连：background-attachment：scroll/fixed

?

缩写：background：颜色、图像、位置、重复

?

7.列表：

无需列表本身距离容器的上边框约10像素（默认margin）。大部分浏览器将列表项置于距离无序列表左边框30像素处（默认padding）；

内联列表（display:inline） 不显示默认列表项目符。

?

?特定列表项目符：list-style-type

默认情况下，列表以小实心圆作为列表项目符，即使容器没有内部padding，列表距左边框也约有30像素。列表项目符一下五种经常使用：

none;disc;circle;square;latin;

另外三种：
upper-alpha：A,B,C,D,E

lower-alpha:a,b,c,d,e

upper-roman:I II III IV

?

ul设定的是它的第一级子列表的颜色，背景图像需要在每一级列表中设定。

ul{

? color:#000;

? font-size:20px; ? ? ?//或者字体也可以在li中进行设定

}

li{

? background-image:url(pic/o.gif);

}

?

8.表格

使用表格的诀窍是，只在必要的时候使用表格，然后将它们设计的完全可以理解并且看上去非常漂亮。

表格易于访问的适当要求：《web Accessibility：web standards and Regulatory compliance,Jim Thatcher等著【friends of ED,2006】包括了一些可访问表格的重要信息。

?

【样式表在使用的过程中一定要考虑被移除后出现的后果，这是一种比较成熟的设计思维】

各自都有定义的那一条声明，可以在公共声明中删除。

?

border-color:#ccc #666 #000 #ccc ------------灰色边框

border-color:#fff #aaa #666 #fff--------------三维边框

?

css不使用外边距来添加间隔；

?

有关表格模型和相关浏览器的支持信息，在www.w2.org/TR/REC-CSS2/tables.html中可以查看

?

border-collapse：collapse可以消除表格之间的间隔

类主要是用来在整体中修改局部的。?

padding是为了让元素内部的内容看起来不聚成一团，更舒展一些。