CSS模板是怎么炼成的
作者:李丽媛
邮箱：lly219@gmail.com
日期：2009-1-12
前言（自说自话）
从初识CSS到现在已经5个年头了。大多是断断续续的，可是近一年来接触颇多，甚有一些些体会。
第一次接触只知道font，color，background，margin，padding等基本知识，乃至连margin、padding都分不清个所以然。
在第一次Web大作业中知道了有“div+css template”,为了交差，从哪个时候就开始收集模板，看到各种各样的模板，不由惊叹他人的配色能力，创作技巧以及丰富的想象力。
于是从图书馆借了一堆PS，配色，广告之类的书，当时没看出个所以然，只是觉得纸质和印刷都很好，要是弄丢了赔的钱可不少。
转眼4年过去了，还是只会下载别人的模板，夸夸几下改成自己实用的，基本的css还是不甚了解。
第五个年头来了，工作了，自己的想法也比较多了，对web方面有了自己的见解。CSS不能说精通，但是浏览器差异，基本原理能说的比较清楚了。
正文
FOR：模仿者的炼金术
一个模板的炼成可以靠很多办法，对于没有创作，没有经验的人来说，最为适当的方法就是找模板来修改。
以下是平时积累的一些模板，大多是国外的：
简洁的白色网站设计欣赏 | ShowCase | 前端观察
www.qianduan.net/showcase-of-clean-white-web-de...
淡蓝，浅绿
demo.templateworld.com/zero/in_action/temper
模板实例
two24studios.com
页面模板
sudasuta.com/?p=1342
Web Designer Wall - Design Trends and Tutorials
www.webdesignerwall.com
We Are not Freelancers
www.wearenotfreelancers.co.za
99 High-Quality Free (X)HTML/CSS Templates | Showcases | instantShift
www.instantshift.com/2009/09/29/99-high-quality...
Open Web Design - Download Free Web Design Templates
www.openwebdesign.org
CSS Templates (Page 1 of 25 ) - Free CSS Templates
www.freecsstemplates.org/css-templates
纹理
www.qianduan.net/showcase-of-beautiful-textured...
对于很没经验的人来说，最好是把模板备份，然后直接在模板上修改，修改完毕记得在多个浏览器中查看。
题外话
：话说没学会走，怎么能开始学跑呢？在此，不见得就一定，虽然你不是很精通，但它是个所见即所得的东西，再加上Firefox上的firebug，只要稍加理解，不要只图着修改的快乐，很大程度上不会走也能跑了。
但基本功是必须的，等再次回过头来看css，就会觉得很简�
相关文档：
1、CSS的语法是这样的：selector {property: value}
selector-选择器（比如body、div、h2……）
property-属性 （比如background-color、hidden、text-align……）
value-值（比如yellow、blue、12px、center……）
[注]：
a、除id外大小写不敏感
b、value存在多个单词时，要用� ......
随着最新CSS的不断完善，越来越多的网站采用DIV+CSS布局。而原来使用table套table的网页布局模式也逐渐应该淘汰了。由于目前IE6不能支持有些标准的CSS，需要用微软特有的CSS来修复这些BUG.而且现在随着浏览器层出不穷，要是页面能够适应尽量多的浏览器成为一个课题。 但是随着CSS标准的进一步完善，浏览器将最终都会遵循这� ......
2009年2月24日
，Safari 4.0
beta版正式发布，Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作，下面提供了最新版
本的CSS选择器浏览器支持情况，其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estelle Weyl
的总结。
2009年6月30日
，FireFox 3.5发布，类似Safar ......
filter:alpha(opacity=50);-moz-opacity:0.5;
Opacity: 相对于IE。火狐似乎好像不支持。 值：以百分比为值，100 表示不透明度为100%；50侧代表不透明度为50%。
-moz-opacity: 相对于FF，火狐。 值：以小数点为值，1 表示不透明度为100%；0.5侧代表不透明度为50%。
注意：上面的滤镜IE8不支持。因此我们需要用 <meta h ......
