Eigen opmaakaanwijzingen defininiëren met CSS

Om alinea's die er altijd hetzelfde moeten uitzien snel en eenvoudig op te maken, kun je met CSS nieuwe pseudo-tags definiëren, die dan hele tekstdelen uniform opmaken zonder dat je steeds opnieuw de juiste opmaak instellingen hoeft te verzorgen.

<style type="text/css">
<!--
.tip {
	background-color: #ffb6c1;
	color: #4b0082;
	font-size: 12pt;
	font-weight: bold;
	border: 2px solid #008b8b;
	padding: 2px;
}
-->
</style>

Op deze manier genereer je een nieuwe opmaak die je voortaan kunt gebruiken bij tags. Het interessante is dat je elke individuele tag doormiddel van de CLASS attribuut aan de CSS style verbind. Dus nu is het niet elke specifieke tag die de nieuwe opmaak toegekend wordt, maar alleen die tag die een CLASS attribuut die naar de gewenste CSS definitie verwijst.

<p class="tip">Met eenvoudige middelen kun je complexe formatteringen cre&euml;ren</p>
<p>En dit stuk tekst heeft ook een <P>-tag maar nu zonder de CLASS="tip" attribuut</p>

In bovenstaand voorbeeld is de <P>-tag gebruikt maar de andere HTML-tags kunnen op dezelfde manier gebruikt worden.