CSS schreiben

Code skill

In diesem Quellcode siehst du, wie CSS funktioniert. In das <div>-Tag eines Abschnitts wird ein style-Attribut eingefügt. Der Wert dieses style-Attributs ist eine CSS-Eigenschaft und ein CSS-Wert. Die CSS-Eigenschaft beschreibt den Teil des Aussehens, den du ändern möchtest, wie z.B. die Hintergrundfarbe (englisch: „background color“). Der CSS-Wert beschreibt, wie es nun aussehen soll, z.B. grün (englisch „green“) oder rosa (englisch „pink“).

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  <title>Der Mönchsdiamant</title>
</head>
<body>
  <div style="background-color: pink;">
     <p>Das Juwel wurde in Berlin gestohlen.</p>
     <p>Die Tat geschah vor drei Jahren.</p>
   </div>
   <div style="background-color: pink;">
       <p>Verdächtigt werden die Gebrüder Bond.</p>
   </div>
</body>
</html>

Zurück zur Mission
Copyright © 2008 Walker Books Ltd
Illustrations © Duncan Beedie
All rights reserved.