1. CSS für HTML-Tags
<head>
<style type="text/css">
h1,h3 {font-size:24pt; color:red;} // h1 und h3 werden geändert
a:link u {text-decoration:none;} // a&u-Verschachtelung ohne Unterstreichung
</style>
</head>
2. CSS für Format-Unterklassen
<head>
<style type="text/css"> h6.prog{ font-family:Courier;} p.gross{ font-size:14pt; color:black;} p.klein{ font-size:8pt; color:black;} .rot{ color:red;}
#pos1{position:absolute;top:20px;left20px;} </style> </head> <body> <h6 class="prog"> Für Listings </h6> <p class="gross">14 Punkt schwarz</p> <p class="klein">8 Punkt schwarz </p> <i class="rot"> rot ohne Absatz </i> <i id="pos1"> kursiv links-oben</i> </body>
| 1. HTML-Syntax <link...> <head>
<link rel="stylesheet"
type="text/css"
href="formate.css">
<style type="text/css">
optionale Formatierung.
</style>
</head>
2. CSS-Syntax, für den gleichen Zweck <head>
<style type="text/css"> @import url(formate.css); </style>
</head> |