第八章 开始学习CSS——添加一些样式
CSS里面的每个语句都包括一个场景、一个属性和一个提供给属性的样式。
一、使用CSS设计XHTML
规则 选择符
在<head>元素里添加样式开始和结束标记
元素名称1（不加<>）,元素名称2 {
属性1: 值1;
属性2: 值2;
}
<style type="text/css">
p {
color: maroon;
}
</style>
创建css文件，链接到外部样式表
<link type="text/cxx" rel="stylesheet" href="lounge.css" />
<link>元素：链接外部信息
rel属性；指明XHTML文件和你要链接的东西之间的关系（stylesheet：样式表）
二、继承、覆盖
三、元素类
定义一个元素类，然后提供样式给属于这个类的任何元素。
<p class="greentea">
</p>
p.greentea {
color: green;
}
.greentea{
}
一个元素可以加入多个类：
<p class="greentea raspberry blueberry">
</p>
空格隔开
多个选择符选择一个元素：最具体、最靠后的规则。
如果你的CSS有错误，通常错误后面的规则都会被忽略。
四、常见的CSS样式属性
color：设置文本元素的字体颜色
font-weight：控制文本的粗细，把文字加粗
left：告诉元素如何放置它的左侧
line-weight：设置文本的行间距
top：控制元素顶部的位置
background-color：控制元素的背景颜色
border：在元素周围加边框，可以设置成实心边框、虚线边框……
margin：如果想在元素的边缘和内容直接有一些空间，就用边界
font-size：把文字变大或变小
text-align：让文本左对齐、右对齐或居中
letter-spacing：设置字母之间的距离
font-style：得到斜体文本
list-style：设置列表项的样式
background-image：把一个图像放到元素后面
五、要点
CSS中简单的表达式，称为规则。
每个规则为选定的XHTML元素提供样式。
一个典型的规则包括一个选择符、若干属性和属性值。
选择符指定对哪些元素应用规则。
每个属性声明以一个分号结束。
一个规则里的所有属性和属性值包含在括号{}之间。
你可以用元素名作为选择符来选择任意元素。
你可以一次选择多个元素，只需用逗号把那些元素名隔开就可以了。
在HTML中引入一个样式的最简单的方法是用<style>标记。
你应当给XHTML和复杂的站点链接一个外部样式表。
<link>元素用来引入一个外部样式表。
许多属性可以被继承。
你可以给你要修改的元素创建一个更具体的规则来覆盖继承的属性。
用class属性将元素加入到一个类中。
在元素名和类名之间加“.”来选择类里的某个元素。
用“.classname”来选择类里的所有元素。
一个元素可以属于多个类，只需在class属性里放置许多类名，并用空格把它们隔开。
在http://jigsaw.w3.org/css-validator上，你可以用W3C验证器验证你的CSS。
8981
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
