HTML Tutorials |
|
XML Tutorials |
|
Browser Scripting |
|
Server Scripting |
|
.NET (dotnet) |
|
Multimedia |
|
Web Building |
|
Java Tutorials |
|
Programming Langauges |
|
Soft Skills |
|
Database Tutorials |
|
Operating System |
|
Software Testing |
|
SAP Module |
|
Networking Programming |
|
Microsoft Office |
|
Accounting |
|
|
Wie man ein StyleSheet einsetzt |
Um ein stylesheet einzusetzen verwenden wir drei Methoden wie folgt:
External Style Sheet
Internal Style Sheet
Inline Style Sheet
|
External Style Sheet
|
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.
|
<head>
<style type="text/css">
<!--
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
-->
</style>
</head>
|
|
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 |
|
Browser Scripting Quizes |
|
Server Scripting Quizes |
|
.NET (dotnet) Quizes |
|
Multimedia Quizes |
|
Web Building Quizes |
|
Java Quizes |
|
Programming Langauges Quizes |
|
Soft Skills Quizes |
|
Database Quizes |
|
Operating System Quizes |
|
Software Testing Quizes |
|
SAP Module Quizes |
|
Networking Programming Quizes |
|
Microsoft Office Quizes |
|
Accounting Quizes |
|
|