在网页中使用CSS:
一、内部规则-直接写在网页文件内部的样式
1.将以下代码插入在<HEAD>与</HEAD>之间可设定此页的默认的样式
<styletype="text/css">
<!--
body{color=red;font-size=9pt}
-->
</style>
2.在HTML行中加入样式规则
如:
<P>Amazeyourfriends!</P>
二、外部规则-独立的样式表文件
1.链接样式表文件
方法:在<HEAD>内使用<LINK>标签:
如:<LINKREL=stylesheetHREF="mystyles.css"TYPE="text/css">
并建立一个文本文件,起名mystyles.css(和上面对应)。文件内容如:
H1{color:green;font-family:impact}
P{background:yellow;font-family:courier}
2.输入样式表文件(返回)
方法:在<HEAD>内插入列代码:
<STYLETYPE="text/css">
<!--
@importurl(company.css);
H1{color:orange;font-family:impact}
-->
</STYLE>
并建立一个文本文件,起名company.css(和上面对应)。文件内容如:
H1{color:green;font-family:impact}
P{background:yellow;font-family:courier}
可见该种方法的好处是可与网页的内部样式共存。
三、CSS举例
指定全文的文本格式:
body{background:yellow;color=red;font-size=9pt}
指定局部的默认的文本格式:
P{...}
H1{...}
TH{...}
TD{...}
...
指定超链接的样式:
A:link{text-decoration:none;color:#0000FF;font-family:宋体}
A:visited{text-decoration:none;color:#800000;font-family:宋体}
A:active{text-decoration:none;color:#FF0000;font-family:宋体}
A:hover{text-decoration:underline;color:#FF0000}
指定行距:
用数字设行距,如:
B{font-size:12pt;line-height:2}
浏览器将利用字号来确定行距:它将字号乘以设定的参数值。在本例中,行高将是24点。
用长度单位设定行距,如:
B{font-size:12pt;line-height:11pt}
用比例设定行距,如:
B{font-size:10pt;line-height:140%}
在本例中,行距是长度10points的140%,即14points。
标签:样式表,CSS