Gewusst wie: Verwenden von CSS

CSS steht für Cascading Style Sheets und ist eine Form der Computer-Programmierung Sprache, die auf einem Web-Alter bezieht sich auf das Layout von Text und Bildern. CSS ist nicht das System die meisten Designer-freundlich, aber es ist noch eine sehr einfache und nützliche Möglichkeit, Code für Ihre eigene Website zu schreiben. Dieser Code wird immer aktualisiert und verbessert und als ein Ergebnis, wenn neben grundlegenden HTML-Sprache und JavaScript verwendet, es ist möglich, mit einigen eindrucksvoll gestalteten Webseiten kommen.

Anweisungen

1 Lernen Sie CSS-Sprache in HTML-Tags verwenden. Dies heißt, Erstellen von Formatvorlagen, und es ist der erste Schritt im Verständnis von CSS-Sprache. Beispielsweise wenn Sie eine Hintergrundfarbe, die Verwendung von ausschließlich HTML erhalten wollten, Ihr Tag würde wahrscheinlich lauten wie folgt: < Body Bgcolor = "#000000" > Dies würde Ihnen einen schwarzen Hintergrund. Jedoch, wenn Sie möchten, können Sie das HTML-Tag mit einem CSS-Attribut für das gleiche Element, Hintergrundfarbe platzieren. Es würde so aussehen: < Körper Stil = "Hintergrund: #000000;" > Das hätte den gleichen Effekt wie die HTML-Sprache, die oben genannten, aber es hat den Vorteil der Verwendung der neueren und verbesserten CSS-Sprache für CSS, das Background-Attribut kann viel mehr als nur Farbe steuern.

2 Erstellen eines internen Stylesheets. Jede Seite kann durch CSS-Sprache gesteuert werden. Dazu platzieren Sie die CSS-Tags im Kopf jeder Seite und jeder Tag wird dann die ganze Seite, aber nur diese Seite beeinflussen. Platzieren Sie das Hintergrund-Color-Attribut mithilfe von CSS in ein internes Stylesheet Code könnte wie folgt lesen. < html >< Kopf >< Stil Typ = "Text/Css" > Körper {Hintergrund: #000000, Farbe: Ffffff,} < / Kopf >< Körper >< / body >< / html > diese Information gibt Ihnen nicht nur einen schwarzen Hintergrund wie in den vorherigen Beispielen , aber Sie erhalten auch eine weiße Farbe, die auf Text angewendet werden. Beachten Sie, wie das CSS-Attribut jetzt innerhalb der Klammern Schnörkel befindet.

3 Verwenden Sie ein externes Stylesheet, das viele Seiten innerhalb der gleichen Webseite steuern kann. Dies ist einer der großen Vorteile von CSS. Sie können eine Vorlage für eine einfache Seite an einem separaten Ort erstellen. Diese Web-Seite wird in das Suffix ".css" Ende und aller Seiten, die damit verknüpften geben was Attribute die Seite leitet. Verknüpfen mit einer bestimmten CSS-Seite Ihre HTML-Sprache würde so aussehen: < html >< Kopf >< link Rel = "Stylesheet" Type = "Text/Css" href="myfirststylesheet.css" / > / Kopf >< Körper >< / body >< / html > diese Notation würde importieren alle Attribute, die auf der separaten Stylesheet aufgeführt. Was ist wirklich toll an dieser Methode, dass Sie viele Seiten mit diesem ein Stylesheet namens "myfirststylesheet.css." verknüpfen können Alle Seiten aufgeführten Eigenschaften teilen würde, aber diese Eigenschaften konnte in jede einzelne Seite geändert werden, falls erforderlich.

4 Studieren Sie den Code auf andere Webseiten, die Sie mögen. Um den Code der Seite in Internet Explorer zu finden, klicken Sie einfach auf das Symbol klicken und auf die Überschrift "Quelltext anzeigen". Andere Leute programmieren sollten nur als Richtlinie verwendet werden und es sollte nie direkt kopiert werden.

Tipps & Warnungen

• Ein guter Ort zu besuchen, um mehr zu erfahren und auch zu sehen, was möglich ist ist csszengarden.com (siehe Ressourcen unten).
• Studium den Code der Webseiten, die Sie mögen ist ein wunderbarer Weg, um über den Bau von Webseiten erfahren, aber kopieren Sie den Code wörtliche Plagiate und stellt eine Verletzung der Urheberrechte.