| (转载：www.idcew.com) CSS教程
大家好，我将运行一个速成班系列，手
就在未来几个月CSS教程为许多成员
仍尚未打破样式表的冰。比多几个有使他们的决议新年的一部分！
你会发现，该指数将CSS速成班这里
你会学到什么？
本课程将非常实用，手指导的链接，
进一步的阅读和信息。我们将举一个简单的XHTML文档和
逐渐变成一个像样的网页而学习它的基本知识
我们去了。例如：
字体控制 Font Control
选择器
颜色，边框，边距和填充
CSS盒模型
CSS - P - 用CSS布局
表现形式
列表样式
其他任何你想要的（只是让我知道...）
你邀请来讨论课程，并请出任何缺失或点
免费信息。呃... ...当然和错误;）
浏览器支持
所有的东西，我们将讨论在今年及课程（字体控制）的下一个部分，是深受主流浏览器，包括NN4支持。凡有例外发生时，我就让你知道。如果你发现我错过的东西，让我知道... ...
那么什么是层叠样式表？
从本质上讲，CSS是HTML元素的造型的首选方式。这
包括颜色，字体，定位等表象
方面的n网页。
HTML在设计时没有处理的Web演示文稿
页，仅仅是超文本文件的结构。到时
我们到了HTML 3.2不过，Netscape和微软增加了一个全
一堆新的，有时甚至专利标记和属性
原规范。
最好的例子将是<FONT>标签，属性和颜色 CSS教程
恼人的<blink>标签。这些都不是支持当前的XHTML规范。
其后果和传统的HTML 3.2仍
现在困扰着我们，我们浏览的网页是臃肿的网页，显示不佳，
在极端情况下是彻头彻尾的屁股难看..不提
事实表明，大多数的网页都是用这种代码
是一个无障碍的噩梦。
没有失去一切！
1996年12月，几乎整整一年之前的HTML 4.0发布之后，万维网联盟[w3.org]回答这个与样式逐步恶化的问题！
该样式表的概念
背后的CSS的基本思路是外包的表现元素
一个HTML文件，我们留下了整齐的结构化，语义上的声音
标记和内容。
这使得该文件将在更广泛的显示
设备和各种媒体，并给出有特殊要求的人
如失明或伤残人士如何更好地控制
他们互动的大量的信息在网络上，我们大多数人认为理所当然使用。
级联
CSS中的一个理想的关键概念是级联，可以有很多
这涉及到在若干指定的文档的不同风格
方法。关键是要记住的是，所有的风格，但是指定
成为一个大的样式表的一部分。至少从概念上。
他们的排名顺序如下：
用户样式表 - 由访客的浏览器（最重要）鉴于样式
内联样式 - 定义在<HTML>标记直接样式
内部样式表 - 在你的HTML <HEAD>定义样式
外部样式表 - 在一个单独的文件中定义的样式
浏览器默认 CSS教程
我们有一个关于使用级联的大讨论，在这里.. [webmasterworld.com]
三种主要方式来实现样式
从上面的列表中，您会看到有三种方式，我们作为
HTML作者，可以影响我们的文件提交方式：内联，
里面的<head>，内外兼修。这里有一个简单的介绍一下在每个方法：
假设我们希望所有的<P> aragraphs将在宋体（我们将到达
具体以后... ...） 美国服务器租用
内联样式
[pre]
<p style="font-family: verdana, arial, sans-serif;">
This paragraph should
be in verdana. If verdana is
not installed on your machine
it will be in arial or a sans-serif font.</p>
[/pre]
样的丑吗？ - 内联样式虽然已经有使用，并
通常用于一次性的样式或overide一个被定义的样式
其他仅此元素。也许你所有的定义
<P> aragraphs为Arial，但为这一个段落，在这一个
页面上，您希望它是宋体。这将是一个很好的安排使用
内联样式。唯一可以覆盖这是一个用户定义
风格。
里面的文档<HEAD> CSS教程 美国服务器租用
[pre]
<head>
<title>Inside the head of your html</title>
<style type="text/css">
p {
font-family: verdana, arial, sans-serif;
}
</style>
</head>
[/pre]
最好是内联样式，但如果你没有在每一页上，什么
发生在你想改变你的<P> aragraphs以一个漂亮的灯罩
蓝色宋体？
外部风格
无论从干净的代码和SE友好的角度来看，外部
样式表是一个闪亮的铠甲真正的骑士！这里是它的工作原理：
[pre]
<head>
<title>The External StyleSheet</title>
<link rel="stylesheet" type="text/css"
href="/path/to/styles.css" />
</head>
[/pre]
或者，您可以导入的样式。但这与上述相同，但具有不被理解，有时有用的效果NN4（更多浏览器支持后... ...） 美国服务器租用
[pre]
<style type="text/css">
@import url(path/to/styles.css);
</style>
[/pre]
你styles.css的可以被命名为任何你喜欢的任何地方放
你喜欢在你的公共html目录。我喜欢保持/ CSS矿。
这只是一个简单的css扩展名的文本文件：
[pre]
/* styles.css */
/* You can add comments like this
on as many lines as you like both in external sheets and styles defined
in the <head> */
p {
font-family: verdana, arial, sans-serif;
}
[/pre]
在使用一个外部的样式表的优点包括： CSS教程
打火机的HTML文件
通过编辑文件只是一个全球站点更改
Web浏览器缓存外部样式表（想想....)
可以很容易地覆盖，如果需要的话用在<head>样式或
内联
重要的一点，在多个款式
这是完全合法的，非常常见的有来自多个源页面中定义多个样式。例如，你的HTML文件链接到一个样式表定义了您<P> aragraphs，那么你包括在您的网页<HEAD>定义<p>标签另一种风格。谁赢了？ - 最近的一个。如果你要进一步确定对您的<p>标签之一的内联样式，该样式将优先考虑。随着我吗？
如果你没有，别担心！我们将继续在这个与该课程的下一部分的实际例子。
为了便于说明起见，我们将使用在<HEAD>风格
文件为例子，将遵循这个介绍，但
外部样式是肯定要走的路，如果你设置的规则是
appy比一个在您的网站页面情侣更多。
嗯，那是枯燥位以上;） - 下一次我们将在字体控制和选择器的外观和引入样本文档中，我们将与 (转载：www.idcew.com) |
