Texte formatieren

Stand: 04. Januar 2017, Änderungen der CSS-Styles sind im Laufe der Zeit möglich

Überschriften

h1

h2

h3


Bereiche definieren
<b>b = Fett</b>
<strong>strong = stark (optisch meist wie fett)</strong>
<span>span = Textabschnitt</span>
<p>p = Absatz</p>
<div>div = Container</div>
und Tabellenelemente <table>, <td>, <tr>

Formulare
textarea
textarea
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:8pt;
}
input
input
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:8pt;
}
select
select
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:8pt;
}


Links
A:link
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	text-decoration:underline; 
	color:#202080;
}
A:visited
A:visited
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	text-decoration:underline; 
	color:#202080;
}
A:hover
A:hover
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	text-decoration:underline; 
	BACKGROUND-COLOR: ffff66;
	color:#550000;
}


CSS-Klassen zur Formatierung der vorhergenannten Dinge
Beispiel: "<div class="ueberschrift">Ueberschrift</div> formatiert einen div-Container wie in der Klasse .ueberschrift angegeben
.ueberschrift
.ueberschrift	
{
	       font-size: 14px;
	       font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	       color: #000000;
	       letter-spacing:3pt;
}
.untertitel
.untertitel	
{
	       font-size: 12px;
	       font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	       color: #000000;
	       letter-spacing:1pt;
}
.rot
.rot
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	margin-left:2px; 
	margin-right:2px; 
	text-align:left; 
	color:#FF0000;
}
.blau
.blau
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	margin-left:2px; 
	margin-right:2px; 
	text-align:left; 
	color:#0000FF;
}
.gruen
.gruen
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	margin-left:2px; 
	margin-right:2px; 
	text-align:left; 
	color:#00FF00;
}
.neuner
.neuner
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:9pt; 
	margin-left:2px; 
	margin-right:2px; 
	text-align:left; 
	color:#000000;
}
.achter
.achter
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	margin-left:2px; 
	margin-right:2px; 
	text-align:left; 
	color:#000000;
}
.grau
.grau
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	margin-left:2px; 
	margin-right:2px; 
	text-align:left; 
	color:#888888;
	background-color: #FFF5F5;
}
.blau
.blau
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	margin-left:2px; 
	margin-right:2px; 
	text-align:left; 
	color:#0000FF;
	background-color: #FEFFCF;
}
.checked
.checked
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	margin-left:2px; 
	margin-right:2px; 
	text-align:left; 
	background-color: #EBD915;
	color:#000000;
}
.b
.b
{
	color:#000000; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; 
}
.w
.w
{
	color:#FFFFFF; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; 
}
.tabellenersatz_grau
.tabellenersatz_grau	
{
	border : 1px;
	border-color : #000000;
	border-style : solid;
	background-color: #EEEEEE;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	padding-bottom : 2px;
	padding-top : 2px;
	padding-left : 2px;
	padding-right : 2px;
	font-size : 9pt; 
	color: #000000;
}
.tabellenersatz
.tabellenersatz	
{
	border : 1px;
	border-color : #000000;
	border-style : solid;
	background-color: #FFFFFF;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	padding-bottom : 2px;
	padding-top : 2px;
	padding-left : 2px;
	padding-right : 2px;
	font-size : 9pt; 
	color: #000000;
}
.tabelle_gerahmt
.tabelle_gerahmt	
{
	border : 1px;
	border-color : #000000;
	border-style : solid;
	border-bottom-color:#000000;
	background-color: #FFFFFF;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	padding-bottom : 0px;
	padding-top : 0px;
	padding-left : 0px;
	padding-right : 0px;
	font-size : 9pt; 
	color: #000000;
}
.zelle
.zelle	
{
	border : 1px;
	border-left-style:solid;
	border-left-color:#000000;
	border-bottom-style : solid;
	border-bottom-color:#000000;
	background-color: #FFFFFF;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	padding-bottom : 0px;
	padding-top : 0px;
	padding-left : 2px;
	padding-right : 0px;
	font-size : 9pt; 
	color: #000000;
}
.tabelle_ohne_top_padding
.tabelle_ohne_top_padding	
{
	background-color: #FFFFFF;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 8pt; 
	color: #000000;
}