样式的定义
样式群定义
群定义可将样式一次定义给不同的元素(如:H1,H2,P...)
- 例:
-
<HEAD>
<STYLE TYPE="text/css">
H1, H2, H3 {font-family: Arial; font-size: 40pt; Color:red}
</STYLE>
</HEAD>
<BODY>
<H1>今天天气不错</H1>
<H2>今天天气不错</H2>
<H3>今天天气不错</H3>
</BODY>
样式多元定义同一元素
-
- 例:
-
<HEAD>
<STYLE TYPE="text/css">
H1.red {font-family: Arial; font-size: 40pt; Color:red}
H1.green {font-family: Times New Roman; font-size: 20pt; Color:green}
</STYLE>
</HEAD>
<BODY>
<H1 CLASS="red">今天天气不错</H1>
<H1 CLASS="green">今天天气不错</H1>
</BODY>
样式定义多元不同元素
-
- 例:
-
<HEAD>
<STYLE TYPE="text/css">
.red {font-family: Arial; font-size: 40pt; Color:red}
.green {font-family: Times New Roman; font-size: 20pt; Color:green}
</STYLE>
</HEAD>
<BODY>
<H1 CLASS="red">今天天气不错</H1>
<H2 CLASS="green">今天天气不错</H2>
<H1 CLASS="green">今天天气不错</H1>
</BODY>
样式定义超连接
A:link {PROPERTY: VALUE}
A:visited {PROPERTY: VALUE}
A:active {PROPERTY: VALUE}
- 例:
-
<HEAD>
<STYLE TYPE="text/css">
A:link {font-family: Arial; font-size: 40pt; Color:red}
A:visited {font-family: Arial; font-size: 20pt; Color:darkred}
</STYLE>
</HEAD>
<BODY>
<A href="back.html">返回</A><BR>
<A href="fore.html">前进</A>
</BODY>
《你的网》 雅虫/译
|
|
|