|
CSS 速成
------------------------------------------------------------------------------
一个样式表由样式规则组成, 以告诉浏览器怎样去呈现一个文档.
有很多将样式规则加入到你的HTML文档中的方法,
但最简单的启动方法是使用HTML的STYLE组件. 这个元素放置于文档的HEAD部分,
包含网页的样式规则.
要注意到尽管STYLE元素是试验样式表的好方法,
它具有某些在用户使用这种方法之前应该考虑的缺点.
不同方法的优点和缺点在将样式表加入到HTML中部分中有讨论。
每个规则的组成包括一个选择符--通常是一个HTML的元素, 例如BODY,
P, 或EM--和该选择符所接受的样式.
有很多的属性可以用于定义一个元素. 每个属性带一个值,
共同地描述选择符应该如何呈现.
样式规则组成如下:
选择符 { 属性: 值 }
单一选择符的复合样式声明应该用分号隔开:
选择符 { 属性1: 值1; 属性2: 值2 }
以下是一段定义了H1和H2元素的颜色和字体大小属性:
<HEAD>
<TITLE>CSS例子</TITLE>
<STYLE TYPE="text/css">
H1 { font-size: x-large; color: red }
H2 { font-size: large; color: blue }
</STYLE>
</HEAD>
上述的样式表告诉浏览器用加大、红色字体去显示一级标题,
用大、蓝色字体去显示二级标题. CSS1
规格正式地定义了所有的有效属性和值. 属性和值在本网站的CSS
属性部分也给出了.
本教程专门介绍了CSS非常基础的知识,
以提供足够的信息去让你试验自己的样式. 要获得CSS更深入的知识,
阅读继续阅读以下部分:
CSS 结构和规则
CSS 属性
将样式表加入到HTML中
(未完)
--------------------------------------------------------------------------------
版权信息:本教程是根据W3C制定的CSS标准语法英文版本由Water Tang和Xianzhen
Liang翻译而成的。
由《网页设计师》制作网页教程,你可以转载本教程,但请尊重译者和阿捷的辛勤劳动。
转载时注明译者和教程出处。谢谢!
上一节 下一节 |
|