CSS手册简编(2)
2008-02-23 08:30:54来源：互联网 阅读 ()
标记之间），使用<Style>和</Style>容器装载，例如："<style> p {color : red ; font-weight : bold} </style>"，这样会对页面中所有<p>标记都起作用。
外部式样式单：是一种保存在外部的样式单文件，外部文件以.CSS为扩展名，例如"<link rel=stylesheet href="main-sheet.css" type="text/css">"。
在应用时可以根据需要随意运用以上三种方式，但在实际中内联式样式单和嵌入式样式单使用得更多一些。
三、样式单的语法特征
样式单有自己独特的书写方法，掌握了它的语法特征，再了解它的各种属性，那么你会发现在Web页面中运用样式单会是多么轻松。例如有一个最简单的HTML文档：
<html>
<body>
<p>Text goes here…<p>
</body>
</html>
我们可以用嵌入式样式单规定样式。
<html>
<style>
<!--
p {color:red; font-weight : bold}
- ->
</style>
<body>
<p>这里显示红色字</p>
</bdoy>
</html>
可以看到，在这个文档里，多了"Style"标记，之间用<!-- ……… - ->注释，以防止不能识别样式单的低版本浏览器把样式单当作内容显示出来，然后是关键的一句：
p {color:red；font-weight : bold }
这整行称为一个声明（Statement），在样式单中，声明分为两种，一种是象这样的，叫做"rule set"，另一种则称为"at-rule"。
At-rule以"@"作为关键字，放在元素的最前面，at-rule通常用来对媒体（Media）的声明，并且如果对同一个at-rule进行声明，那么只有位置靠前的会起到作用，如：
@import "subs.css"
H1
@import "list.css"
后一个At-Rule无效。
而rule set就象我们前面看到的样子了，它由几个部分组成，其中包括选择器、属性和属性值。一般的书写是这样的：
Selector1 {property1:value1; property2:value2;……}
Selector2 {……}
其中刚才例子中的"P"代表段落标记元素，为选择器，"{}"为一个块（Block），表示对标记属性的声明（Declaration），有多个属性的时候使用";"隔开，属性在样式单中的一般表示方法是前面是一类属性的名称，后面是具体属性的名称，中间用"-"隔开，而在脚本中使用属性的时候，则把"-"去掉，并把第二部分的开头字母大写。属性值的表示可以使用10进制，16进制数值（如#FFFFFF），百分数（如100%），字符串，URL（如url(http://www.mysite.com)）和RGB（如rgb(255,255,255)）等多种方式表示。下面我将对其中的重点部分进行更详细的解释。
1、选择器（Selector）
选择器不只是文档中的元素标记，它还可以是类（Class，这不同于Java或C＋＋中的类）、ID（给予元素特殊的名称，也便于在脚本中使用）或是元素的某种状态（如：a:link）。如：
<html>
<style>
<!--
p {color:red；font-weight : bold }
.bigFont
#blueBack
-->
</style>
<body>
<p>标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：中文排版CSS心得
下一篇：CSS布局自适应高度解决方法
- CSS手册简编：用户属性 2008-02-23
- CSS手册简编：表格属性 2008-02-23
- CSS手册简编：列表属性 2008-02-23
- CSS手册简编：文本属性 2008-02-23
- CSS手册简编：字体属性 2008-02-23
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
