学CSS前,你得先会的东西
开始CSS学习,请先对下面的知识有初步了解:
- HTML / XHTML
想先学HTML / XHTML,请走这边。
CSS是个啥?
- CSS 是 Cascading Style Sheets (层叠样式表)的缩写
- 样式决定HTML元素的展示形式
- 样式保存在样式表中
- 样式最先被引入到HTML 4.0是为了解决某问题
- 外部样式表能帮你省不少事
- 外部样式表保存为CSS类型文件
- 多个样式定义均层叠为一个文件
CSS Demo
一个HTML可以因为不同样式表变得不同哦:
样式表解决一个常见问题
HTML标签最初是为了定义文件内容制定的,例如<h1>,<p>,<table>它们表达不同的意义:“这是一个标头”,“这是一个段落”,“这是一个表格”,等等等等。如果没有格式标签,文件的页面布局由浏览器决定。
Netscape和IE作为两大主要浏览器,不断收录新的HTML标签(像<font>标签、颜色属性等)。这使得编写一个表达布局脱离HTML语言控制的网页越来越不可能了。
为了解决这个问题,负责制定HTML标准的非盈利组织W3C(万维网联盟)制定了样式这一概念。
所有主流浏览器均支持阅读层叠样式表。
样式表省时省力
样式决定HTML元素的展示放肆,就像HTML 3.2时的字体标签和颜色属性一样,CSS一般存为外部.css格式的文件。外部样式表使你能够仅仅修改CSS文件,就轻易改变网页的外观和布局。
CSS使网页开发者能够一次性控制多个网页的样式和布局,是网页设计的一项重大突破。你可以为每项HTML元素编写一个样式,然后在多个网页中应用。小小改变一个样式,就能带动全局改变,所有的网页元素够跟着自动更新。
多个样式合为一体
样式表允许以各种方式指示信息。样式表可以嵌入单个HTML元素、可以在HTML<head>中说明,也可以作为外部样式表形式存在。多个外部样式也可以定义同一个HTML文件。
层叠顺序
一个HTML元素中被多个样式定义时,哪个被优先使用呢?
一般来说,所有的样式都被层叠起来,形成一个“虚拟的”新样式表。各项样式按照下列顺序排列,优先级由小到大。
1. 浏览器默认样式
2. 外部样式表
3. 内部样式表(定义在<head>标签部分)
4. 内嵌样式(在HTML元素内部定义)
所以,内嵌样式(在HTML元素内部定义)具有最高优先级,可以覆盖内部样式表、外部样式表和浏览器(默认值)中的样式定义。











CSS教程(一)简介
翻译:

Acomi 探花
我也在学css,可以看一下
http://www.hongen.com/pc/homep...
相当不错。
07/17/2008
yuvia 进士 | Blog
嗯,呵呵,谢谢~
07/17/2008
毛心宇 大学士 | Blog
刚买了本禅意花园,结合来看看。
07/18/2008
yuvia 进士 | Blog
嘿嘿,我也看禅意花园~
07/18/2008