Menu schließen

HTML / CSS code

Frage: HTML / CSS code
(7 Antworten)


Autor
Beiträge 28
3
Tachchen zusammen,


Ich arbeite gerade an meiner homepage und möchte folgende stylesheets in einer externen CSS-datei auslagern und einfach nur einbinden.
Hier der aktuelle code:
<html>
  <head>
    <meta charset="UTF-8"/>
    <title></title>
    <style title="seri&ouml;s">
      html { font-family: serif; }
      .demo { display: inline-block; border: 1px solid #bbb; background: #ddd; padding: 1em;}
      .demo span::after { content: "`serioes`"; }
    </style>
    <style title="Fantasy">
      html { font-family: fantasy; }
      .demo { display: inline-block; border: 5px solid red; background: gold; padding: 1em;}
      .demo span::after { content: "Fantasy"; }
    </style>
  </head>
  <body>
    <p class="demo">Sie verwenden den Stil <span></span>.</p>
  </body>
</html>
Frage von Pathou | am 10.06.2015 - 19:46


Autor
Beiträge 40293
2104
Antwort von matata | 10.06.2015 - 20:05
Und was ist deine Frage?
________________________
 e-Hausaufgaben.de - Team


Autor
Beiträge 28
3
Antwort von Pathou | 11.06.2015 - 16:46
Ich würde gerne

die beiden styles

<style title="seri&ouml;s">...</style>
<style title="Fantasy">...</style>

in einer externen CSS_datei auslagern und einbinden mit dem <link..> befehl
<link href=PFAD type="text/css" rel="stylesheet">


Autor
Beiträge 3
1
Antwort von Maximathicus | 20.06.2015 - 16:43
Das Auslagern der CSS-Style-Sheets ist einfach. Die HTML Datei weist dem Browser den Weg zu den im HTML-Code aufgerufenen CSS-Style-Sheet Formatierungen.

(Bei größeren Projekten empfiehlt es sich diese Datei mit ausreichend vielen Kommentaren zu den einzelnen Formatierungsangaben zu versehen.)
Was du machen musst:

"link rel=stylesheet" - Definiert den Namen der externen einzubindenden CSS-Datei.
" type=" text/css" " - Definition des auzurufenden Datei-Typs.
"href="pfad-zur-CSS-Datei/Datei.css" " - Definition des Zielpfades zu der externen CSS-Datei.
".format1" - Anwendung der Formatierungen auf gewünschte Absätze. (Das gehört aber in die global.css datei)

Kannst du dann mal den link von deiner seite schicken (wenn du fertig bist)?


Autor
Beiträge 28
3
Antwort von Pathou | 21.06.2015 - 16:20
habe das passwort nicht, komme also nicht rein, um die seite zu aktualisieren.

ps:
kennst du eine seite, wo man kostenlos eine domain registrieren kann für ungefähr 12 monate (ohne vorgaben zu layout o.ä.)
oder so, ich würde gerne ein paar codes testen (javascript)
-> die domain soll 100% gratis sein


Autor
Beiträge 28
3
Antwort von Pathou | 21.06.2015 - 16:36
Ergänzung:

ich habe es geschaft die styles in ihren eigenen .css-dateien zu schreiben
nun würde ich gerne alles in einer haben.

danke im voraus


Autor
Beiträge 3
1
Antwort von Maximathicus | 21.06.2015 - 18:12
schau dir mal http://www.000webhost.com/ an.
Du machst dir ein account und schreibst deine website (am besten mit Microsoft webmatrix) und lädst sie mit FileZilla oder anderen hoch (FTP zugriff).
vergiss nicht in der sitemap.xml die domain deiner Seite zu hinterlegen.


Autor
Beiträge 0
14
Antwort von NoTeefy (ehem. Mitglied) | 15.09.2015 - 20:59
Falls du diesen Thread irgendwann noch einmal lesen solltest: Es gibt eine tolle Seite namens jsfiddle.net . Dort kannst du in Echtzeit CSS, HTML und JavaScript-Schnipsel testen und analysieren. Die Seite ist für kleinere Dinge sehr zu empfehlen ;)

Verstoß melden
Hast Du eine eigene Frage an unsere Computer & Technik-Experten?

562 ähnliche Fragen im Forum: 0 passende Dokumente zum Thema:
> Du befindest dich hier: Support-Forum - Computer & Technik
ÄHNLICHE FRAGEN:
  • PHP und SQL in HTML-Code für Datenbankabfrage
    Ich muss in einem HTML-Code mit PHP und SQL eine Verbindung zu meiner Datenbank auf MySQL aufbauen und eine Datenabfrage sowie ..
  • Informatik HTML und CSS
    Moin, ich habe hier einen Button gefunden und den würde ich gerne in meine Website rein machen. Problem ist dabei, das es wohl ..
  • Informatik HTML: Erklärungen gesucht
    Ich habe leider gar keine Ahnung wie das geht ich hoffe das mir jemand bitte helfen kann. Einführung in die ..
  • PHP
    Hi, wie kann man den source code eines PHP-skripts lesen? denn wenn man strg u drückt, dann kommt irgendwie nur der html-..
  • Genetischer DNA Code
    Ich bräuchte hilfe bei einer Aufgabe zum DNA Code. Wir haben Folgende Abbildung bekommen: (http://de.wikipedia.org/w/index...
  • Der genetische Code
    Hallo zusammen! Ich komm in Bio einfach nicht klar.. unzwar machen wir grad die DNA bzw die mRNA. Wir haben bei der ..
  • mehr ...