{"id":69,"date":"2012-08-27T16:31:17","date_gmt":"2012-08-27T16:31:17","guid":{"rendered":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/27\/2-auslagern-von-css-befehlen\/"},"modified":"2023-12-14T16:45:04","modified_gmt":"2023-12-14T16:45:04","slug":"2-auslagern-von-css-befehlen","status":"publish","type":"post","link":"https:\/\/ai.hasebox.de\/index.php\/2012\/08\/27\/2-auslagern-von-css-befehlen\/","title":{"rendered":"2.1 Auslagern von CSS-Befehlen"},"content":{"rendered":"

Grunds\u00e4tzlich<\/h2>\n

Zum Auslagern werden 2 Dinge ben\u00f6tigt. Als erstes eine neue Datei, ich nenne diese design.css (kann aber auch beliebig anders hei\u00dfen) und als zweites einen Verweis darauf in der HTML-Datei, die diese ausgelagerte Datei nutzen soll.<\/p>\n

Bevor wir beginnen erstelle ein neues Arbeitsverzeichnis: \/ai\/css\/2_auslagern
Jetzt erstelle in diesem Verzeichnis die Datei anfang1.html
Kopiere den folgenden Code.<\/p>\n

Beachte den head-Bereich, hier wird der Verweis angegeben, der die css-Datei einbindet. Diese css-Datei wird weiter unten erstellt. DAS \/ai\/ vor design.css weglassen<\/p>\n

<html>\r\n
<head>

   <link href=\"design.css\" type=\"text\/css\" rel=\"stylesheet\" \/> 

<\/head><\/pre>\n
<body> 
<h1>jetzt HTML lernen mit CSS<\/h1>
<\/body> <\/pre>\n
<\/html><\/pre>\n
 <\/p>\n
 So, abspeichern nicht vergessen und jetzt erstellen wir im gleichen Verzeichnis eine neue Datei mit dem Namen „design.css“.<\/p>\n

Der Inhalt lautet:<\/p>\n
h1 {     color:red;

         letter-spacing:30px;  }<\/span><\/pre>\n
Unbedingt auf Leerzeichen achten, und als Klammern kommen hier die geschweiften zum Zuge!! Datei abspeichern!
Aufpassen, dass es nicht eine design.css.txt wird. Also vorher bei – Datei – speichern unter auf „Alle Dateien“ stellen.<\/p>\n
Nun die html-Datei anfang1.html aufrufen. Sollte deine h1 nun g r o \u00df und r o t sein, hast du alles richtig gemacht. Wenn nicht, dann … finde den Fehler.<\/p>\n","protected":false},"excerpt":{"rendered":"
Grunds\u00e4tzlich Zum Auslagern werden 2 Dinge ben\u00f6tigt. Als erstes eine neue Datei, ich nenne diese design.css (kann aber auch beliebig anders hei\u00dfen) und als zweites einen Verweis darauf in der HTML-Datei, die diese ausgelagerte Datei nutzen soll. Bevor wir beginnen erstelle ein neues Arbeitsverzeichnis: \/ai\/css\/2_auslagernJetzt erstelle in diesem Verzeichnis die Datei anfang1.htmlKopiere den folgenden Code. […]<\/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-69","post","type-post","status-publish","format-standard","hentry","category-css"],"_links":{"self":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/69","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=69"}],"version-history":[{"count":1,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/69\/revisions"}],"predecessor-version":[{"id":411,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/69\/revisions\/411"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=69"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=69"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}