Cascading Style Sheep: Unterschied zwischen den Versionen

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
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, 16:48 Uhr

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.

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.

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

 Siehe auch:  Formatierungsgrasen, Internet, Programmirren

Vorlage:GanzGut