CSS的语法:
一个选择器(selector),一个属性(property)和一个值(value)
selector:{ property: value}
Note:
if the value is multiple words, put quotes around the value;
如果你想指定多个属性,你就必须将每个属性用分号隔开:p {text-align:center;color:red}
组合(grouping):可以将选择器组合。用逗号分隔每个选择器;
EX:
h1,h2,h3,h4,h5,h6
{
color: green
}
The class Selector
选择器类:
用选择器类你可以将同一类型的HTML元素定义出不同的样式
注意:每个HTML元素只能有一个类属性
请不要用以数字开头为名称的类,在Mozilla/Firefox中不能正常运作.
CSS使用:
External Style Sheet
外部样式表
使用外部样式表是使样式应用于多张网页的理想方法。通过这个方法你只需改动一个文件就能改变整个网站的外观。使用<link>标签让每个页面都连接到样式表。<link>标签在head区域使用:<head>
<link rel="stylesheet" type="text/css"
href="mystyle.css" />
</head>
Internal Style Sheet
内嵌样式表
一份内嵌样式表应该在当有单独文档有特殊样式的时候使用。使用<style>标签在head区域内定义样式,像这样:
<head>
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-p_w_picpath: url("p_w_picpaths/back40.gif")}
</style>
Inline Styles
行内样式
使用行内样式就失去了样式表的优势而将内容和形式相混淆了。一般这类方法在个别元素需要改变样式的时候使用。在相关的标签上用style属性来加入行内样式。样式属性可以包含任何CSS属性。链子中将展示怎样给一个段落加上左外补丁并将颜色改为sienna:
<p style="color: sienna; margin-left: 20px">
This is a paragraph
</p>
Multiple Style Sheets
多重样式表
如果一些属性被相同的选择器设置成不同的样式,值就会向更为具体的样式所继承(具体化)。
举个例子,一个外部样式表有这样的h3选择器属性:
h3
color: red;
text-align: left;
font-size: 8pt
}
同时有一个内嵌样式表有这样的h3选择器属性:
text-align: right; font-size: 20pt |
如果页面在有内嵌样式表的同时又连接到外部样式表的话h3的属性将变为:
color: red; |
颜色是继承了外部样式表而文字对齐和文字大小被内嵌的样式表所替换。