einstiegCSS/index.html at master · DanielGleich/einstiegCSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE HTML>
<html>
  <head>
  <meta charset="uft-8">
    <title> CSS-Testseite </title>
  </head>
  <body>
    <style>
      body { background: lightgray;
            }
      h1 {  color:green;
            font-family:sans-serif;
            font-size: 100pt;
            text-align:center;
            background-color:linen;
            text-decoration: ;
          }
      strong  {color:red;
              font-size:20pt;
              letter-spacing:1em;
                }
      .border {border-width: 3pt;
              border-style:solid;
              border-color:lightgreen;
              padding:10pt;
              border-left:0pt;
              border-right:0pt;
              max-width:500px;
                }
      .text {color: gray;
            background-color:linen;
            font-family:'Helvetica'
              }
      .justify {text-align:justify;
                }
    </style>

    <h1 class="border"> Test </h1>
    <p class="border text justify">
    Das ist ein <strong>Test</strong>, um die Funktionen von CSS zu testen. Dazu braucht man einen Text, der viele W&ouml;rter umfasst, damit die Blockausrichtung eine Wirkung zeigt.
    </p>
    <p class=" border text justify">
    Hier ist nochmal mehr Text
    <p>
  </body>
</html>