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，就会觉得很简�
相关文档：
随着最新CSS的不断完善，越来越多的网站采用DIV+CSS布局。而原来使用table套table的网页布局模式也逐渐应该淘汰了。由于目前IE6不能支持有些标准的CSS，需要用微软特有的CSS来修复这些BUG.而且现在随着浏览器层出不穷，要是页面能够适应尽量多的浏览器成为一个课题。 但是随着CSS标准的进一步完善，浏览器将最终都会遵循这� ......
CSS选择器笔记
参考网址：456 Berea Street
一、基本选择器
序号
选择器
含义
1.
*
通用元素选择器，匹配任何元素
2.
E
标签选择器，匹配所有使用E标签的元素
3.
.info
class选择器，匹配所有class属性中包含info的元素
4.
#footer
id选择器，匹配所有id属性等于footer的元素
实例：
* { margin:0; ......
css渐变代码4种
一、从上往下渐变
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-col ......
