Style Specification

Style Sheet Guide v1.0

+ Style Grouping

TAG1, TAG2, ..., TAGn {PROPERTY: VALUE }

You can specify the same style to different tags at once.

ex. 
<HEAD>
<STYLE TYPE="text/css">
     H1, H2, H3 {font-family: Arial; font-size: 40pt; Color:red}
</STYLE>
</HEAD>
<BODY>
<H1>Today is fine.</H1>
<H2>Today is fine.</H2>
<H3>Today is fine.</H3>
</BODY>

View This Example Page

+ Style Variations for one tag

Style Declaration

TAG.#1 {PROPERTY: VALUE }
TAG.#2 {PROPERTY: VALUE }
...
TAG.#n {PROPERTY: VALUE }


Style Specification

<TAG CLASS="#1">
<TAG CLASS="#2">
...
<TAG CLASS="#n">

ex. 
<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">Today is fine.</H1>
<H1 CLASS="green">Today is fine.</H1>
</BODY>

View This Example Page

+ Style Variations for any tags

Style Declaration

.#1 {PROPERTY: VALUE }
.#2 {PROPERTY: VALUE }
...
.#n {PROPERTY: VALUE }


Style Specification

<TAG# CLASS="#1">
<TAG# CLASS="#2">
...
<TAG# CLASS="#n">

ex. 
<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">Today is fine.</H1>
<H2 CLASS="green">Today is fine.</H2>
<H1 CLASS="green">Today is fine.</H1>
</BODY>

View This Example Page

+ Link's Style

A:link {PROPERTY: VALUE}
A:visited {PROPERTY: VALUE}
A:active {PROPERTY: VALUE}

ex. 
<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">Back to previous page.</A><BR>
<A href="fore.html">Next page you've never seen before.</A>
</BODY>


NCD HOME Style Sheet Basic || Specification
Style Sheet Guide
Style Property Reference
HTML Design Guide Main Page



Network Communication Design
http://ncdesign.kyushu-id.ac.jp/
C&P 1994-1996 Yuriko Ienaga v91102@vgenda.kyushu-id.ac.jp