Navigation überspringen

Steuerung und Layout von Elementen

Benötigtes Vorwissen

Schüler-Autoren dieses Artikels sind OleEnseleit, Zoran Garic und Patrick Voskamp

Begriffsklärung:

Unter der Steuerung (dem „layouten“ von Elementen) versteht man die allgemeine Bearbeitung der Hauptelemente einer Seite.

Beispiele dafür sind:

Body <body></body>

Header/Überschriften <h1>Beispiel</h1>

Hyperlinks <a>www.ole-ist-suess.de</a>

Statements:

Es gibt legale und illegale Statements das bedeutet, das man nicht jedes Attribut auf jedes Element zuweisen kann.

Beispiele dafür sind:

border-radius nicht anwendbar auf <h1>

border-radius nicht anwendbar auf <a>

Vererbung:

Mittels Vererbung ist es möglich Attribute an Kaskadierte Elemente weiterzugeben(vererben).

Beispiel dafür ist:

body{font-size: 16pt;}

h1{font-size: inherit;}

mit inherit lässt sich nun die am Anfang definierte Schriftgröße übernehmen.

Quellcode:

CSS:

body{

font-size: 16pt;

background-color: red;

}


h1{

font-size: inherit;

color: blue;

}

HTML:

<html>

<head>

<link rel=“stylesheet“ href=“style.css“>

</head>

<body>


<h1>Das ist 1 Überschriften</h1>


</body>

</html>