{"id":70,"date":"2012-08-27T17:31:43","date_gmt":"2012-08-27T17:31:43","guid":{"rendered":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/27\/3-schriftgestaltung-und-farbe-mit-css\/"},"modified":"2023-12-14T16:45:04","modified_gmt":"2023-12-14T16:45:04","slug":"3-schriftgestaltung-und-farbe-mit-css","status":"publish","type":"post","link":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/27\/3-schriftgestaltung-und-farbe-mit-css\/","title":{"rendered":"3 Schriftgestaltung und Farbe mit css"},"content":{"rendered":"

Beispiel 1<\/h2>\n

Im ersten Beispiel wird der \u00dcberschrift h1 die Gr\u00f6\u00dfe 28pt, die Farbe Orange und die Schriftart Arial zugewiesen.<\/p>\n

F\u00fcr die Gestaltung der Schrift werden folgende CSS-Befehle ben\u00f6tigt:<\/p>\n

\n
color:#FF9F00;<\/dt>\n
Farbe: orange, kann entweder als Hex-Wert:“#FF9F00″ oder als Farbnamen angegeben werden: „orange“, also „color:orange;<\/kbd>“ – die Farbnamen sind immer auf Englisch!<\/dd>\n
<\/dd>\n
font-size:28pt;<\/dt>\n
Schriftgr\u00f6\u00dfe: hier als 28 punkte<\/dd>\n
<\/dd>\n
font-family:arial, „lucida console“, sans-serif;<\/dt>\n
Schriftart: wenn vorhanden Arial, wenn nicht vorhanden, dann „lucida console“ und wenn diese nicht vorhanden, dann eine vorhandene serifenlose Schrift <\/dd>\n<\/dl>\n

 Aufgabe:<\/p>\n

Erstelle das Verzeichnis \/ai\/css\/schrift
Erstelle hier die Datei design.css
Kopiere den folgenden code – Abspeichern<\/p>\n

h1 {\r\n  color:#FF9F00;   \/* Farbe orange *\/\r\n  font-size:28pt;  \/* Gr\u00f6\u00dfe 28pt   *\/\r\n  font-family:arial, \"lucida console\", sans-serif; \/* Schriftart *\/\r\n}

<\/pre>\n
Erstelle die Datei orangeschrift.html
Kopiere den folgenden code – Abspeichern<\/p>\n
<h1>wichtigste \u00dcberschrift h1<\/h1>\r\n<p>Und nun ein normaler Absatz<\/p>\r\n<h2>\u00dcberschrift h2<\/h2>\r\n<p>Und nun ein normaler Absatz<\/p>\r\n<h2>\u00dcberschrift h2<\/h2>\r\n<p>Noch ein normaler Absatz<\/p><\/pre>\n
Schau dir das Ergebnis im Browser an. Ist deine h1 nun orange, dann hast du alles richtig gemacht. 
Wenn nicht … finde den Fehler.
Tipp: Hast du auch im head-Bereich angegeben, dass deine css-Datei geladen wird?
Eventuell musst du dazu zur vorherigen \u00dcbung Nr.2 gehen und die entsprechende
Anweisung kopieren.
 <\/p>\n","protected":false},"excerpt":{"rendered":"
Beispiel 1 Im ersten Beispiel wird der \u00dcberschrift h1 die Gr\u00f6\u00dfe 28pt, die Farbe Orange und die Schriftart Arial zugewiesen. F\u00fcr die Gestaltung der Schrift werden folgende CSS-Befehle ben\u00f6tigt: color:#FF9F00; Farbe: orange, kann entweder als Hex-Wert:“#FF9F00″ oder als Farbnamen angegeben werden: „orange“, also „color:orange;“ – die Farbnamen sind immer auf Englisch! font-size:28pt; Schriftgr\u00f6\u00dfe: hier als […]<\/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-70","post","type-post","status-publish","format-standard","hentry","category-css"],"_links":{"self":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/70","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=70"}],"version-history":[{"count":1,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/70\/revisions"}],"predecessor-version":[{"id":410,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/70\/revisions\/410"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=70"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=70"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}