{"id":86,"date":"2012-11-12T19:16:08","date_gmt":"2012-11-12T19:16:08","guid":{"rendered":"https:\/\/ai.hasebox.de\/index.php\/2012\/11\/12\/klassen\/"},"modified":"2024-01-16T11:43:43","modified_gmt":"2024-01-16T11:43:43","slug":"klassen","status":"publish","type":"post","link":"https:\/\/ai.hasebox.de\/index.php\/2012\/11\/12\/klassen\/","title":{"rendered":"4 Klassen"},"content":{"rendered":"

Was sind Klassen? Es folgt ein einfaches Beispiel um das Prinzip einer Klasse zu verstehen.<\/p>\n

Angenommen es soll auf deiner Seite die Schriftart f\u00fcr einen Absatz, das <p>-Tag, Arial seinund die Farbe rot, so lautet daf\u00fcr die Anweisung in deiner css-Datei:<\/p>\n

p { font-family: arial;
    color: red; }
\n <\/code><\/p>\n

Nun kann es aber sein, dass du weitere Abs\u00e4tze in einer anderen Farbe einf\u00fcgen m\u00f6chtest. Genau daf\u00fcr ben\u00f6tigst du diese Klassen. Ein Klasse definierst du wie folgt:<\/p>\n

p.apfel { color: green; }
p.pflaume { color: blue; }<\/code><\/p>\n

Speichere diesen code in der Datei \/ai\/css\/klassen\/design.css<\/p>\n

Lege nun die Datei ai\/css\/klassen\/klassen.html an und verweise hier auf die design.css<\/p>\n

F\u00fcge nun den folgenden Code ein:<\/p>\n

 <\/p>\n

<body>
<p>Ich bin ein normaler Absatz <\/p>
<p class=\"apfel\"> Ich bin gruen <\/p>
<p class=\"pflaume\"> Ich bin blau <\/p>
<\/body><\/code><\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Was sind Klassen? Es folgt ein einfaches Beispiel um das Prinzip einer Klasse zu verstehen. Angenommen es soll auf deiner Seite die Schriftart f\u00fcr einen Absatz, das <p>-Tag, Arial seinund die Farbe rot, so lautet daf\u00fcr die Anweisung in deiner css-Datei: p { font-family: arial;    color: red; } Nun kann es aber sein, dass […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[50],"tags":[],"class_list":["post-86","post","type-post","status-publish","format-standard","hentry","category-css"],"_links":{"self":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":2,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/86\/revisions"}],"predecessor-version":[{"id":490,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/86\/revisions\/490"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=86"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=86"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}