CSS手册简编(2)_动易Cms教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

· 外部式样式单:是一种保存在外部的样式单文件,外部文件以.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 {color:blue}
@import "list.css"
后一个At-Rule无效。

  而rule set就象我们前面看到的样子了,它由几个部分组成,其中包括选择器、属性和属性值。一般的书写是这样的:
Selector1 {property1:value1; property2:value2;……}
Selector2 {……}
  其中刚才例子中的"P"代表段落标记元素,为选择器,"{}"为一个块(Block),表示对标记属性的声明(Declaration),有多个属性的时候使用";"隔开,属性在样式单中的一般表示方法是前面是一类属性的名称,后面是具体属性的名称,中间用"-"隔开,而在脚本中使用属性的时候,则把"-"去掉,并把第二部分的开头字母大写。属性值的表示可以使用10进制,16进制数值(如#FFFFFF),百分数(如100%),字符串,URL(如url(http://www.xmlasp.net))和RGB(如rgb(255,255,255))等多种方式表示。下面我将对其中的重点部分进行更具体的解释。

[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] 下一页

查看更多 动易Cms教程  动易Cms模板

共2页上一页12下一页
来源:模板无忧//所属分类:动易Cms教程/更新时间:2005-04-23
相关动易Cms教程