Wie man ein StyleSheet einsetzt

Die Akte, die nur CSS Code enthält und mit einer „.css“ Dateiextension gespeichert wird, wird als externer CSS benannt. Mit dem <link> anstelle vom <style>, wird diese CSS Akte dann in deinem HTML bezogen. Nicht sich sorgen, wenn du konfus bist. Wir werden du durch den vollständigen Prozeß gehen.

<html>
<head>
<title>My First Stylesheet</title>
<link rel=stylesheet href="mystyles.css" type="text/css">
</head>
<body>
<h1>Stylesheets: The Tool of the Web Design Gods</h1>
<P>Friendship is always alive! Squash your enemies!</P>
</body>
</html>

Eine unterschiedliche Textakte jetzt herstellen, die mystyles.css genannt wird (dich kannst es alles nennen, das du wünschst). Alles, das es enthält, ist dieses:

h1 { color: green; font-family: impact }
P { background: yellow; font-family: courier }

Anmerkung:

Wenn das gleiche Art-/Format-/Blickn Gefühl auf zahlreichen Seiten dann angefordert wird, sagen wir, daß ein externes Artblatt (CSS) vollkommen ist. Das webmaster kann den Blick des gesamten Aufstellungsortes ändern - indem es eine Akte, mit Hilfe eines externen Artblattes ändert.

Internal Style Sheet

Wenn ein Einzelbeleg eine einzigartige Art hat, sollte ein internes Artblatt benutzt werden. Im Hauptabschnitt indem Sie den <style> Umbau verwenden, kannst du interne Arten so definieren:

<head>
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
</head>

Die Datenbanksuchroutine jetzt formatiert das Dokument und liest die Artdefinitionen entsprechend ihr.

Anmerkung: Eine Datenbanksuchroutine ignoriert normalerweise unbekannte Umbauten. Dies heißt, daß eine alte Datenbanksuchroutine, die nicht Arten stützt, den <style> Umbau ignoriert, aber der Inhalt des <style> Umbaus wird auf der Seite angezeigt. Durch das Verstecken er im HTML Anmerkung Element: , ist es möglich, eine alte Datenbanksuchroutine am Anzeigen des Inhalts zu verhindern.

Inline Styles

Inline-Arten

Stylesheets Richtlinien nach rechts mitten in deinem ganzem HTML einsetzend, wird als Inline-stylesheet benannt. Es konnte wie dieses aussehen:

<html>
<head>
<title>My First Stylesheet</title>
</head>
<body>
<h1 style="color: orange; font-family: impact">Stylesheets: The Tool of the Web Design Gods</h1>
<P style="background: yellow; font-family: courier">Amaze your friends! Squash your enemies!</P>
</body>
</html>

Multiple Style Sheets

In der unterschiedlichen Art bedeckt, wenn einige Eigenschaften für den gleichen Vorwahl eingestellt worden sind, den die Werte vom spezifischeren Artblatt übernommen werden.

Z.B. hat ein externes Artblatt diese Eigenschaften für den Vorwahl h4:

h4
{
color: blue;
text-align: left;
font-size: 8pt
}

And an internal style sheet has these properties for the h4 selector:

h4
{
text-align: right;
font-size: 20pt
}

If the page with the external style sheet also link to the internal style sheet then the properties for h4 will be:

color: blue;
text-align: right;
font-size: 20pt

The text-alignment and the font-size is replaced by the internal style sheet and The color is inherited from the external style sheet.

Keywors: css friendster profile editor, css codes, css tutorial, dvd region css free, css code background for friendster, free friendster background css codes, myspace css code generator, css templates, css style sheets, css layouts

HTML Quizes

XML Quizes