CSS-Grundelemente

CSS wird häufig als kompliziert angesehen, ist aber nicht so schwer, wie es auf den ersten Blick aussieht. Folgende Grundelemente können helfen, einen Anfang zu bekommen:

Schriftart, Farben und Größe können natürlich verändert werden.

body {
font-family: Verdana, sans-serif;
font-size: 75%;
margin: 0;
padding: 0;
color: #000;
background: #fff;
}

input, textarea, select {
font-family: Verdana, sans-serif;
}

p, h1, h2, h3, h4, h5, h6 {
margin-top: 0;
}

table, h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

td, th {
vertical-align: top;
}

a img {
border-width: 0;
}

/* Links für Felder ohne Hintergrundänderung */

a {
color: #00f;
background: transparent;
}

a:visited {
color: #00c;
background: transparent;
}

a:hover {
color: #00c;
background: #ccc;
}

/* CSS-Klasse am Ende von Blöcken, 
damit umflossene Bilder nicht überlappen. */

div.clear {
clear: both;
overflow: hidden;
height: 0.1px;
font-size: 0.1px;
line-height: 0.1px; 
}

/* CSS-Klasse zum Verstecken von Texten. 
Die Texte werden trotzdem von Screenreadern gelesen. */

.hide {
position: absolute;
left: -1000px;
}

/* Seitenelemente */

#page {
}

#header {
}

#left {
}

#content {
}

#right {
}

#footer {
}

Harald Kampen, 27.02.2006 15:34