CSS教程二  CSS速成班 - 第二部分
字体控制和基本语法
大家好，欢迎您的CSS教程二 第二批 服务器租用

一如往常，这是很对的指南CSS动手。欢迎您提问，添加额外的信息和一般讨论你在这里看到。如果你发现任何ommisions或错误，请提出来！ ;）

你会发现指数的CSS速成班这里服务器租用

你会学到什么？
从本很简单的XHTML文档了服务器租用我们将学习在这个过程中部分如下：

基本的CSS语法（如何写CSS）

如何选择你的页面元素

什么是用于一个<div>

如何失去了可怕的<FONT>标签

在继承的概念

所有基本的字体控制

基本语法 - 如何写CSS规则
如果标题给你的恐惧，冷静下来;） - 它实际上很容易编写CSS。从本质上讲，每个“规则”包括三部分：

选择（元素（S）你想样式）

物业（什么它的一部分，你的风格。如。色）

价值（什么值你将适用于它如黑）

你写这样的：[前]
selector {
property: value;
}或者... ...

选择器{属性：值;} [/页]
就个人而言，我更喜欢第一个例子，因为它可能有大括号内的很多规则，它可以更容易理解和维护。

每个规则分隔分号是这样的：[二手]  服务器租用
selector {
property: value;
preperty2: value2;
property6: value6;
}[/pre]
这是技术上不好吗对最后一条规则或者一个规则的分号，但对于缓解，好的做法和一般错误避免我喜欢把在每个规则的一端。为我当然会写上上面多行CSS休息，你当然可以自由地做你想... ...

大括号包含的元素（S）你想风格，并没有省略的规则。

有了我这么远？如果你没有，不要担心，你会在本节结束，它更容易为大多数人（包括我）学习手，我们将进入实用（FUN）在短期内得到的东西。


选择器 - 选择元素和组风格
选择元素很简单，即使它得到更多地参与它很容易理解，如果你只是有一个基本的把握，而这正是我们将在这里学习。

选择一个元素
p {
color: #FFFFFF;
backgound-color: #000000;
}[/pre]
The above

最简单的入门方法是通过选择单个元素。也就是说，选择一个HTML标签的样式。它的完成是这样的

上面的代码将导致您的网页上每<P> aragraph有一个黑色backgound白字。不要担心颜色和背景颜色属性只是还没有，我们将在稍后。

元素选择组
所以如果你想，要appy规则不仅仅是<p>标签更多？ - 没有什么简单，只需用逗号分隔这样你的HTML元素[pre]
p, h1, h2, h3 {
color: #FFFFFF;
backgound-color: #000000;
}[/pre]
现在所有的<p>标记以及你的1级，2和3标题在黑色背景白色文字。简单不是吗？

使用类的选择
由于HTML4.0每个HTML标签已经具备了类属性[w3.org]。类属性是专门介绍，以帮助在与CSS样式元素的选择。它看起来像这样在你的HTML：[:[pre]
<h1 class="hello">Don't you just hate
<em>Hello World?</em></h1>
<p class="hello">Hello</p>
<p>World!</p>[/pre]
Defining for the same element would work like this:[pre]
p.blue {
color: #0000FF;
}
p.red {
color: #CC0000;
}

<p class="red">red paragraphs</p>
<p class="blue">blue paragraphs</p>[/pre]
随着我吗？ - 另一个非常实用，常见的应用是将色彩的一组数据备用表行。只需使用表的行类的属性。
服务器租用
使用id作为选择器
id属性，如类属性，写了普遍适用于所有在HTML4.0 HTML的元素，用于定义在一个文件中一个独特的元素。它可以是这样的规定在CSS:[pre]
/* this will match the element with the
corresponding id */
#title {
font-size: 2em;
}

/* this next one matches an h1 tag with
the id of 'title' */
h1#title {
font-size: 2em;
}[/pre]

您的HTML是这样的：[前]
<h1 id="title"> WebmasterWorld </ H1>
[/页]
标识的使它很容易阅读的样式表，并确定诸如导航元素和标题独特的元素。另一个优点是，应用到一个元素作为<h1>标签这样的ID将有较大的特异性[w3.org]比应用于同一个元素或适用于所有<h1>标签规则的类。这只是意味着它比其他规则重要，因此重写了。就拿这个例子：

假设你有一个在每一页<h1>和你想的<H1>将在红20像素。 <shudder>你可能会做这样的事情:[pre]
<h1 id="title">WebmasterWorld</h1>
[/pre]
但是，如果您希望在您的主页<H1>将在蓝色的？易:[pre]
h1 {
color: #CC0000;
font-size: 20px;
}[/pre]

然后在你的HTML

:[pre]
h1 {
color: #CC0000;
font-size: 20px;
}
h1#homepage {
color: #0000FF;
}

<h1 id="homepage">www.idcew.com</h1>[/pre]

问题解决了。该标识规则覆盖在这一个页面一般<H1>规则。对马立克谁好心指出在此基础上的ID [webmasterworld.com]主题这一点非常感谢。 服务器租用

因此，在总结：你可以选择单个的HTML元素，一组元素，与同级别和uniniquely识别元素的元素。如果你是新来这个你可以喘一口气，因为这就是现在要选择引进结束。但是：要注意，这还不是全部有过它，它可以用更先进的选择真正的乐趣;） - 我们将涵盖这些以后，因为如果我们不把一些实用的东西我们都会去疯狂！