Cascading Style Sheep: Unterschied zwischen den Versionen

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
K (Wiederhergestellt zur letzten Änderung von Adromel)
Zeile 1: Zeile 1:
Noobs!
+
<div style="font-size:13px; font-family:Arial,sans-serif;">
 +
<!---- Ab hier wird kein CSS mehr verwendet :-) --->
 +
<table width="700px" cellspacing="0px" cellpadding="0px" border="1px" frame="box" rules="none">
 +
<tr>
 +
<td>[[Bild:CSS_small_falling.png]]</td>
 +
<td width="600px">
 +
<p align="justify">
 +
'''Programmi<font color="#003EBA">ertechnik''' um das L</font>ayout von Webseiten festzulegen. Dies geschieht mit Hilfe<br>
 +
von unsichtb<font color="#003EBA">aren Schafen (CSS</font> = Cascading Style Sheep, engl. für fallende [[Formationsgrasen|Formatschafe]]),<br>
 +
die auf die I<font color="#003EBA">nternetseite geworfe</font>n werden und dort die HTML-Elemente wie Text, Boxen<br>
 +
und Tabelle<font color="#003EBA">n beeinflussen.</font><br>
 +
Normalerw<font color="#003EBA">eise sind CSS unsich</font>tbar. Zur Verdeutlichung ihrer Funktion wurden sie auf<br>
 +
dieser Seite<font color="#003EBA"> durch Syntaxhighligh</font>ting sichtbar gemacht.<br>
 +
Die am häufi<font color="#003EBA">gsten benutzte Art vo</font>n Styleschafen sind <b>Abstandsschafe</b>. Diese werden einfach<br>
 +
von oben in <font color="#003EBA">das Dokument reinge</font>worfen und verschieben die Elemente die dort waren. Da<br>
 +
die Schafe u<font color="#003EBA">nsichtbar sind, sieht m</font>an auf der Internetseite dann einen [[Fische|Freiraum]].
 +
</p>
 +
</td>
 +
<td>[[Bild:CSS_falling.png]]</td>
 +
</tr>
 +
<tr>
 +
[[Kategorie:Computer]]
 +
<td colspan="3" align="center">[[Bild:CSS_small.png]]</td>
 +
</tr>
 +
<tr>
 +
<td valign="top">[[Bild:CSS_small_falling.png]]</td>
 +
<td colspan="2" align="justify">
 +
Eine weiter <font color="#003EBA">oft benutze Technik i</font>st es, die Schafe vorher in einen '''[[Farben|RGB-Farbeimer]]''' zu tauchen und sie dann<br>
 +
an die gewü<font color="#003EBA">nschte Stelle fallen </font>zu lassen. Die Farbe wird damit auf das Dokument übertragen und hinterlässt<br>
 +
einen schön <font color="#003EBA">bunten Eindruck. S</font>tyleschafe können auch mit [[Digitalisierung|Digitalfutter]] zu bestimmten Stellen gelockt<br>
 +
wer<font color="#003EBA">den und schieben d</font>abei Text vor sich her.
 +
<table cellspacing="0px" cellpadding="0px">
 +
<tr>
 +
<td>[[Bild:CSS Colorsheep.png]]
 +
<!--- Das Schaf mäht in 8-Bit Unicode----></td>
 +
 
 +
<td width="10px"></td>
 +
<td align="right">[[Bild:CSS_small.png]]
 +
 
 +
Geschickte Wolldesigner setzen diese Technik häufig<br>[[Bild:CSS_small.png]]ein, um Texte '''rechtsbündig''' auszurichten.</td>
 +
<td>[[Bild:Css_gras.png]]</td>
 +
</tr>
 +
</table>
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
 +
{{sa}} [[Formationsgrasen|Formatierungsgrasen]], [[Internet]], [[Programmirren]]
 +
 
 +
{{GanzGut}}

Version vom 13. März 2007, 17:48 Uhr

CSS small falling.png

Programmiertechnik um das Layout von Webseiten festzulegen. Dies geschieht mit Hilfe
von unsichtbaren Schafen (CSS = Cascading Style Sheep, engl. für fallende Formatschafe),
die auf die Internetseite geworfen werden und dort die HTML-Elemente wie Text, Boxen
und Tabellen beeinflussen.
Normalerweise sind CSS unsichtbar. Zur Verdeutlichung ihrer Funktion wurden sie auf
dieser Seite durch Syntaxhighlighting sichtbar gemacht.
Die am häufigsten benutzte Art von Styleschafen sind Abstandsschafe. Diese werden einfach
von oben in das Dokument reingeworfen und verschieben die Elemente die dort waren. Da
die Schafe unsichtbar sind, sieht man auf der Internetseite dann einen Freiraum.

CSS falling.png
CSS small.png
CSS small falling.png

Eine weiter oft benutze Technik ist es, die Schafe vorher in einen RGB-Farbeimer zu tauchen und sie dann
an die gewünschte Stelle fallen zu lassen. Die Farbe wird damit auf das Dokument übertragen und hinterlässt
einen schön bunten Eindruck. Styleschafe können auch mit Digitalfutter zu bestimmten Stellen gelockt
werden und schieben dabei Text vor sich her.

CSS Colorsheep.png CSS small.png Geschickte Wolldesigner setzen diese Technik häufig
CSS small.pngein, um Texte rechtsbündig auszurichten.
Datei:Css gras.png

Siehe auch.png Siehe auch:  Formatierungsgrasen, Internet, Programmirren

Vorlage:GanzGut