写法和使用:
<STYLE TYPE="text/css">
标签名1{属性1:参数1;属性2:参数2;....属性n:参数n}
标签名2{}
。。。
标签名n{}
</STYLE>
注意:在.css文件中不使用<style type="text/css"></syle>标记,就像在.js文件中不使用<script type="text/javascript"></script>一样,
例子,
<style type="text/css">
mys1{color:green;font:16px}
mys2{color:bule; font-family: arial}
</style>
根据以上例子的使用说明:
<mys1>这里的字符颜色是绿色,大小是16px</mys1>
<mys2>这里的字符颜色是蓝色,字体是arial样式</mys2>
将css样式加到你的网页中:
1、将样式表植入HTML文件中。
添加到
<html>
<style type="text/css"></style>(添加到这里)
<head>
</head>
....
</html>
2、将一个外部样式表链接到HTML文件 上
在<HEAD>内使 用<LINK>标签
<head>
<LINK REL=stylesheet HREF="路径" TYPE="text/css">
</head>
3、将一个外部样式表输入到HTML文件 中,是前两种的结合
<HTML><STYLE TYPE="text/css"> @import url(路径); H1 { color: orange; font-family: impact } </STYLE>
<HEAD></HEAD>
...
</HTML>
这样即以导入的样式,又有新的输入的样式H1.
4、label控件使用css设置字体的例子
引入.css文件:<link href="css/FontStyleSheet.css" rel="Stylesheet" type="text/css"/ >
设置label的cssclass属性:为css文件中的一个元素。
.css文件中的标签成员名前加#标记的话,标签名可以作为html文件中的容器(比如div)的ID,以此来设置容器的风格style.