CSS历史:
从1990年代初HTML被发明开始样式表就以各种形式出现了,不同的浏览器结合了它们各自的样式语言,读者可以使用这些样式语言来调节网页的显示方式。
一开始样式表是给读者用的,最初的HTML版本只含有很少的显示属性,读者来决定网页应该怎样被显示。
但随着HTML的成长,为了满足设计师的要求,HTML获得了很多显示功能。
随着这些功能的增加外来定义样式的语言越来越没有意义了。
1994年哈坤·利提出了CSS的最初建议。
伯特·波斯(Bert Bos)当时正在设计一个叫做Argo的浏览器,他们决定一起合作设计CSS。
当时已经有过一些样式表语言的建议了,但CSS是第一个含有“层叠”的主意的。
在CSS中,一个文件的样式可以从其他的样式表中继承下来。
读者在有些地方可以使用他自己更喜欢的样式,在其他地方则继承,或“层叠”作者的样式, 这种层叠的方式使作者和读者都可以灵活地加入自己的设计,混合各人的爱好。
哈坤于1994年在芝加哥的一次会议上第一次展示了CSS的建议,1995年他与波斯一起再次展示这个建议。
当时W3C刚刚建立,W3C对CSS的发展很感兴趣,它为此组织了一次讨论会。
哈坤、波斯和其他一些人(比如微软的托马斯·雷尔登)是这个项目的主要技术负责人。
1996年底,CSS已经完成。
1996年12月CSS要求的第一版本被出版。
1997年初,W3C内组织了专门管CSS的工作组,其负责人是克里斯·里雷。
这个工作组开始讨论第一版中没有涉及到的问题,其结果是1998年5月出版的第二版要求。
到2007年为止,第三版还未完备。
使用CSS+DIV的优点
采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下3个显著优势:
1:表现和内容相分离
将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。
这样的页面对搜索引擎更加友好。
2:提高页面浏览速度
对于同一个页面视觉效果,采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。
浏览器就不用去编译大量冗长的标签。
3:易于维护和改版
你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。
具体说明请见百度知道CSS发展史.
----------------------------------------------------------------------------------------------
CSS2
样式单自从CSS1的版本之后,又在1998年5月发布了CSS2版本,样式单得到了更多的充实。
CSS2.0是一套全新的样式表结构,是由W3C推行的,同以往的CSS1.0或CSS1.2完全不一样,CSS2.0推荐的是一套内容和表现效果分离的方式,HTML元素可以通过CSS2.0的样式控制显示效果,可完全不使用以往HTML中的table和td来定位表单的外观和样式,只需使用div和 Li此类HTML标签来分割元素,之后即可通过CSS2.0样式来定义表单界面的外观。
CSS2.0提供给我们了一个机制,让程序员开发时可以不考虑显示和界面就可以制作表单和界面,显示问题可由美工或是程序员后期再来编写相应的 CSS2.0样式来解决。
不过由于CSS2.0目前尚未见过很好的编辑软件,所以无法做到所见即所得,编写起来不易。
----------------------------------------------------------------------------------------------
CSS3
CSS3语言开发是朝着模块化发展的。
以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。
这些模块包括:
盒子模型
列表模块
超连结方式
语言模块
背景和边框
文字特效
多栏布局
CSS3选择器
CSS3增加了更多的CSS选择器,可以实现更简单但是更强大的功能,比如:nth-child等。
时间表
几个模块现已完成,包括的SVG (可扩展矢量图形) ,媒介资源类型(Media Queries)和命名,而其他的模块开发工作则仍在进行中。
如果要给出一个预定的日期的话,非常困难,不管怎样,web浏览器将全面支持CSS3的各种新特点,一些新的探索已经开始了。
针对不同浏览器,新的功能是逐渐应用的,仍然需要1-2年的时间,每一个新的模块才有可能被广泛应用。
CSS3将给我带来哪些新的影响
首先,我们希望,这是个正确的方式,CSS3将完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。
网络浏览器也还将继续支持CSS2。
对我们来说,CSS3主要的影响是将可以使用新的可用的选择器和属性,这些会允许你实现新的设计效果(譬如动态和渐变),而且可以很简单的设计出现在的设计效果(比如说使用分栏)。
在不需要的图片设置id属性a:link img, a:visited img {border: 0px}a:hover img, a:active img {border: 0px}a前面要加id属性
0.空间制作目录http://hi.baidu.com/huge/blog/item/9f35cffc6b46f382b901a001.html
1.百度官方空间CSS说明
http://hi.baidu.com/huge/blog/item/83420fb3541b3ba7d9335a36.html
2.最浅显易懂的百度CSS教程
http://hi.baidu.com/huge/blog/item/cc50ad4bb0560af082025c3c.html
3.模板选择http://hi.baidu.com/sys/share/pub_1
4.你的博客值多少钱?PR值多少呢?
http://hi.baidu.com/huge/blog/item/9ac5277f0d2e760828388a71.html
5.如何提高百度空间访问量?
http://hi.baidu.com/huge/blog/item/f6d7b745c7dee526cffca3ef.html
6.给百度空间的几点改进建议
http://hi.baidu.com/huge/blog/item/8f56d6889045ff94a4c272e9.html
7.百度空间的网址功能连接项
http://hi.baidu.com/huge/blog/item/075f510f6c82512a6059f3eb.html
8.个人空间常用特殊符号介绍
http://hi.baidu.com/huge/blog/item/33cea3cc9ca30b1001e928ea.html
9.CSS代码图解
http://hi.baidu.com/huge/blog/item/4a3f11df34acf31363279830.html
10.百度空间实用技巧集
http://hi.baidu.com/huge/blog/item/a1225c603a4f25df8db10d9e.html
11.百度空间个性代码
http://hi.baidu.com/huge/blog/item/d3089d16e09cf051f3de321d.html
12.利用重新定义标签,达到写文章时迅速排版的目的
http://hi.baidu.com/huge/blog/item/a42b9b50a3bb5362853524e9.html
13.边框风格属性(border-style)
http://hi.baidu.com/huge/blog/item/7d4a252d6d53ae34349bf7e9.html
14.百度空间布局剖析
http://hi.baidu.com/huge/blog/item/73151d95820284087bf480e9.html
15.浏览器窗口滚动条特效及添加滚动条的方法
http://hi.baidu.com/huge/blog/item/8f4bd109bea71a82d1581be8.html
16.滚动条与无滚动条
http://hi.baidu.com/huge/blog/item/e6feab646a1c01f0f7365402.html
17.各模块添加滚动条实例 + 参数详解
http://hi.baidu.com/huge/blog/item/1e285bb500016ece36d3ca9b.html
18.给超链接添加按钮效果
http://hi.baidu.com/huge/blog/item/1e5c78f09eddd4c37931aa9b.html
19.超链接效果修改--由浅入深
http://hi.baidu.com/huge/blog/item/ae0f8701daf301d6277fb5e8.html
20.插入图片位置的代码及效果演示图
http://hi.baidu.com/huge/blog/item/cc4bccbf7070fb0a18d81f60.html
21.使博客文章中链接在新窗口中打开
http://hi.baidu.com/huge/blog/item/c7a74aedac9df0d4b21cb166.html
22.文字发光方法!!!
http://hi.baidu.com/huge/blog/item/833c0708a3d56430e8248865.html
23.自制闪字空间名称
http://hi.baidu.com/huge/blog/item/26d49f3dcc37aa00baa1679a.html
24.百度空间旧模板CSS下载
http://hi.baidu.com/huge/blog/item/1e285bb5000e6ece36d3ca9c.html
25.百度空间添加FLASH播放器
http://hi.baidu.com/huge/blog/item/3b8459ee9a532ffbb2fb9536.html
26.教你如何制作个性化的标题栏
http://hi.baidu.com/huge/blog/item/2988033b928cb3ea15cecb29.html
27.文章列表板块文章区边框的设置
http://hi.baidu.com/huge/blog/item/b4643912ceb3c951f819b8d8.html
28.百度空间搜索模块css样式
http://hi.baidu.com/huge/blog/item/9a87a4c23b82ab1b0ef477cb.html
29.增加天气预报的方法
http://hi.baidu.com/huge/blog/item/56e8fbedc33f7a4f78f0550a.html
30.玩转背景音乐播放器
http://hi.baidu.com/huge/blog/item/352b1f30b4db1398a8018e70.html
31.显示IP地址代码
http://hi.baidu.com/huge/blog/item/f443352a121369385343c107.html
32.如何做半透明的百度空间
http://hi.baidu.com/huge/blog/item/4a3f11df34a0f31363279804.html
33.做分割线的方法
http://hi.baidu.com/huge/blog/item/9b0b367a58ff33ed2e73b33b.html
34.教你如何装饰(发表评论版块空白区)
http://hi.baidu.com/huge/blog/item/1755f21f07431263f624e43a.html
35.装饰百空"发表评论"的"内容"部分
http://hi.baidu.com/huge/blog/item/4c1cd9f9d4915959252df2aa.html
36.在百度空间文章中设置滚动字
http://hi.baidu.com/huge/blog/item/3527349b1d187fb5c9eaf452.html
37.网页滚动效果设置
http://hi.baidu.com/huge/blog/item/3b8459ee3c9175fbb3fb956b.html
38.改变百度空间的模块宽度
http://hi.baidu.com/huge/blog/item/ae0aebc4701260a98226ac0f.html
39.百度博客分析及自定义模块设置工具
http://hi.baidu.com/huge/blog/item/1430dd54398eb358d10906b7.html
40.一些CSS效果教程补遗
http://hi.baidu.com/huge/blog/item/a42b9b50a3725362853524a0.html
41.查看任何人CSS代码和音乐地址的最简单方法
http://hi.baidu.com/huge/blog/item/9791b90117916203738da571.html
42.访问量字体改变
http://hi.baidu.com/huge/blog/item/5625acaffedc37cc7cd92a71.html
43.百度空间“最近访客”的css
http://hi.baidu.com/huge/blog/item/88d9d1c8b4845d177f3e6f71.html
44.打造个性鼠标效果
http://hi.baidu.com/huge/blog/item/d586d143172ace1273f05d11.html
45.百度空间设计的"终极技巧"
http://hi.baidu.com/huge/blog/item/cc4bccbfad9d560a19d81f54.html
46.留言板代码
http://hi.baidu.com/huge/blog/item/4e50fbf2c9084513b07ec549.html
47.致Baiduer CSS初学者
http://hi.baidu.com/huge/blog/item/bdff08fad765be9759ee9008.html
48.打造空间个性的图片效果
http://hi.baidu.com/huge/blog/item/6e9ea977ef48ac1ab051b90b.html
49.给空间加点可爱的符号
http://hi.baidu.com/huge/blog/item/7e3462d00c558e8ea0ec9c0f.html
50.百度空间竖状菜单效果代码
http://hi.baidu.com/huge/blog/item/ca3960593a63cb2b2834f006.html
51.访问统计生成柱状图的CSS
http://hi.baidu.com/huge/blog/item/8e00b07ece8035390cd7da70.html
52.百度空间自己定义之--CSS滤镜
http://hi.baidu.com/huge/blog/item/cc0073f00d4a17aea40f5238.html
53.添加搜藏模块CSS
http://hi.baidu.com/huge/blog/item/a42b9b50683e9e6384352474.html
54.CSS代码地址详解
http://hi.baidu.com/huge/blog/item/075f510f37b99a2b6059f331.html
55.分隔线素材大全及其它素材
http://hi.baidu.com/huge/blog/item/b677034fbca0e837afc3ab01.html
56.博客流量统计
http://hi.baidu.com/huge/blog/item/14e49052e720de0f0cf3e373.html
57.日历模块的代码
http://hi.baidu.com/huge/blog/item/970063270d745d02918f9ddd.html
58.RSS的使用方法
http://hi.baidu.com/huge/blog/item/a58aa901131fc2071d958348.html
59.百度空间图片转贴到其他网站的方法
http://hi.baidu.com/huge/blog/item/cd050924ac31522ad4074259.html
60.博客文章如何备份?
http://hi.baidu.com/huge/blog/item/f6d7b745752a3727cffca3fc.html