编辑“CSS”

[[image:Ct_css_boxmodel_example.gif|right]]
'''CSS'''是Cascading Style Sheets的英文缩写,即层叠样式表。CSS是一种[[标记语言]]，不需要编译，可以由浏览器执行。CSS用来控制页面的显示样式。

==CSS介绍==
* CSS是Cascading Style Sheets(层叠样式表)的简称. 
* CSS语言是一种标记语言,它不需要编译,可以直接由浏览器解释执行(属于浏览器解释型语言).
==CSS简介==
[[CSS简介]]

== DIV+CSS布局大全 ==
[http://down.zzbaike.com/ebook/divcss-434.html 站长下载]

=== CSS布局的优点 ===
用CSS布局相对于传统的TABLE网页布局而具有以下3个显著优势：

1：表现和内容相分离

2：提高页面浏览速度

3：易于维护和改版

==CSS样式规则==
CSS的语法很简单，它使用一组英语词來表示不同的样式和特征。
一个样式表有一组规则组成，每个规则提议涂改"选择器"(sekector)和一个定义部分组成，每个定义部分包含一组有半形分号（;）分离的定义，这组定义放在一对大括弧({ })直接，每个定义有一个特性，一个半形冒号（:）和一个值组成
'''选择器(Selector)''':通常为文件中的元素(element),如[[HTML]]中的<code>&lt;BODY&gt;，&lt;P&gt;，&lt;strong&gt;</code>等标签，多个选择器可以半形逗号（,）隔开。
'''属性(property)'''：CSS1、CSS2、CSS3规定了许多的熟悉，目的在控制选择器的样式。

'''值(Value)'''：指属性接受的设定值，可由各种[[关键词]]组成，多个关键词大都已空格隔开。

'''要针对没有标签定义范围进行样式设定时，可利用code>&lt;div&gt;</code>与<code>&lt;span&gt;</code>标签'''

例子：
<source lang="css">

P{ font-size: 110%;font-family: garamond, sans-serif;}

H2{ color: red;background: white;}

.highlight{color: red;background: yellow;font-weight: bold;}

</source>

在这个例子里有三个选择器：<code>P</code>、<code>H2</code>和<code>.highlight</code>，<code>color: red</code>是一定义，其中<code>color</code>是属性，<code>red</code>是<code>color</code>的值。

在这里HTML种的结构 <code>P</code>（段落）和 <code>H2</code>(二级标题)获得了不同的样式，每个段落的字体的大小比包含这个段落的结构的姿态的大小要大10%，其中字形是<code>Garamond</code>，假如<code>Garamond</code>沒有的话，那么使用一般的<code>sans-serif</code>字形。2级标题的字用红色，底面是白色的，这个例子中的第三个规则规定了一个<code>class</code>的样式，通过<code>class</code>属性每个HTML结构都可以被指定为这个<code>class</code>，例如：
<pre><nowiki><P class="highlight">这个段落将被显示为黄底红字粗体。</P></nowiki></pre>
显示为
<div style="clear:both; color:red; background: yellow; font-weight:bold;">这个段落将显示为黄底红字粗体。</div>
CSS档内也可以包含注释，注释以<code>/*</code>开始，以<code>*/</code>结尾，例如：
<code>/* 注释 */ </code>

==CSS缩写规则==
使用 CSS 缩写可以减少 CSS 文件的大小，并使其更为易读<ref>[http://www.ficush.com/view/13 常用 CSS 缩写语法总结]</ref>，例如：

1. 颜色缩写：16 进制的色彩值，如果每两位的值相同，可以进行缩写，例如：
#000000 可以缩写为 #000，#336699 可以缩写为 #369;

2. 盒尺寸缩写：Property: Value1 Value2 Value3 Value4；四个值依次表示 Top，Right，Bottom，Left

3. 边框缩写

边框的属性如下：
     border-width: 1px;
     border-style: solid;
     border-color: #000;

可以缩写为一句：border: 1px solid #000;

4. 背景缩写

     background-color: #F00;
     background-image: url(Background.gif);
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: 0 0;


可以缩写为一句：background: #F00 url(Background.gif) no-repeat fixed 0 0;

==CSS发展历史==
哈坤于1994年在芝加哥的一次会议上第一次提出了CSS的建议，1995年他与波斯一起再次提出这个建议。当时W3C刚刚建立，W3C对CSS的发展很感兴趣，它为此组织了一次讨论会。哈坤、波斯和其他一些人（比如微软的托马斯·雷尔登）是这个项目的主要技术负责人。1996年底，CSS已经完成。1996年12月CSS要求的第一版本被出版。 

* 1996年[[W3C]]正式推出了CSS1.
* 1998年W3C正式推出了CSS2.
* CSS2.1是W3C现在正在推荐使用的.
* CSS3现在还处于开发中.


----

== CSS学习教程 ==
*[[CSS学习教程]]

==CSS框架==
[[960网格系统]]

==css技巧汇聚==
*[[css内em px]]

==相关条目==
[http://bbs.zzbaike.com/thread-54658-1-1.html 关于CSS样式表]

==参考资料==
[http://www.blueidea.com/ 蓝色理想]

==推荐书籍==


[[category:网页制作|C]]
[[category:标记语言|C]]
[[category:CSS]]
[[Category:W3C|C]]