中华网--科技频道--网络教室

样式的定义

样式群定义　

群定义可将样式一次定义给不同的元素（如：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>

　　《你的网》　雅虫/译

﹣相关报道

进入BBS

进入聊天室

关闭窗口

本站检索

网络教室编辑信箱