Cascading Style Sheep: Unterschied zwischen den Versionen

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
K
K (png -> svg)
Zeile 3: Zeile 3:
 
<table width="700px" cellspacing="0px" cellpadding="0px" border="1px" frame="box" rules="none">
 
<table width="700px" cellspacing="0px" cellpadding="0px" border="1px" frame="box" rules="none">
 
<tr>
 
<tr>
−
<td>[[Bild:CSS_small_falling.png]]</td>
+
<td>[[Datei:CSS_small_falling.png]]</td>
 
<td width="600px">
 
<td width="600px">
 
<p align="justify">
 
<p align="justify">
−
'''Programmi<font color="#003EBA">ertechnik''' um das L</font>ayout von Webseiten festzulegen. Dies geschieht mit Hilfe<br>
+
'''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>
+
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>
+
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>
+
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>
+
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>
+
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>
+
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>
+
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]].
 
die Schafe u<font color="#003EBA">nsichtbar sind, sieht m</font>an auf der Internetseite dann einen [[Fische|Freiraum]].
 
</p>
 
</p>
 
</td>
 
</td>
−
<td>[[Bild:CSS_falling.png]]</td>
+
<td>[[Datei:CSS_falling.png]]</td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
 
[[Kategorie:Computer]]  
 
[[Kategorie:Computer]]  
−
<td colspan="3" align="center">[[Bild:CSS_small.png]]</td>
+
<td colspan="3" align="center">[[Datei:CSS_small.png]]</td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
−
<td valign="top">[[Bild:CSS_small_falling.png]]</td>
+
<td valign="top">[[Datei:CSS_small_falling.png]]</td>
 
<td colspan="2" align="justify">
 
<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>
+
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>
+
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>
+
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.
 
wer<font color="#003EBA">den und schieben d</font>abei Text vor sich her.
 
<table cellspacing="0px" cellpadding="0px">
 
<table cellspacing="0px" cellpadding="0px">
 
<tr>
 
<tr>
−
<td>[[Bild:CSS Colorsheep.png]]
+
<td>[[Datei:CSS Colorsheep.png]]
 
<!--- Das Schaf mäht in 8-Bit Unicode----></td>
 
<!--- Das Schaf mäht in 8-Bit Unicode----></td>
  
 
<td width="10px"></td>
 
<td width="10px"></td>
−
<td align="right">[[Bild:CSS_small.png]]
+
<td align="right">[[Datei:CSS small.png]]
  
−
Geschickte Wolldesigner setzen diese Technik häufig<br>[[Bild:CSS_small.png]]ein, um Texte '''rechtsbündig''' auszurichten.</td>
+
Geschickte Wolldesigner setzen diese Technik häufig<br />[[Datei:CSS small.png]]ein, um Texte '''rechtsbündig''' auszurichten.</td>
−
<td>[[Bild:Css_gras.png]]</td>
+
<td>[[Datei:Css gras.svg]]</td>
 
</tr>
 
</tr>
 
</table>
 
</table>
Zeile 46: Zeile 46:
 
</table>
 
</table>
 
</div>
 
</div>
−
{{sa}} [[Formationsgrasen|Formatierungsgrasen]], [[Internet]], [[Programmirren]]<br>
+
{{sa}} [[Formationsgrasen|Formatierungsgrasen]], [[Internet]], [[Programmirren]]<br />
 
{{sw}} der <span class="plainlinks">[http://www.csszengarden.com/tr/deutsch/ CSS]</span>[[Zen|-Zen-]][http://www.csszengarden.com/tr/deutsch/  Garten] • [http://www.youtube.com/watch?v=D2FX9rviEhw&feature=player_embedded Extreme Sheep LED Art ]
 
{{sw}} der <span class="plainlinks">[http://www.csszengarden.com/tr/deutsch/ CSS]</span>[[Zen|-Zen-]][http://www.csszengarden.com/tr/deutsch/  Garten] • [http://www.youtube.com/watch?v=D2FX9rviEhw&feature=player_embedded Extreme Sheep LED Art ]
 
[[Kategorie:Schafe]]
 
[[Kategorie:Schafe]]
 
[[wiki:Cascading Style Sheets]]
 
[[wiki:Cascading Style Sheets]]
 
[[wiki-en:Cascading Style Sheets]]
 
[[wiki-en:Cascading Style Sheets]]

Version vom 19. Oktober 2011, 05:53 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.		 Css gras.svg

Siehe auch.png Siehe auch:  Formatierungsgrasen, Internet, Programmirren
Siehe auch.png Schau mal in die Wahnsinnig Weite Wüste:  der CSS-Zen-Garten • Extreme Sheep LED Art wiki:Cascading Style Sheets wiki-en:Cascading Style Sheets

Abgerufen von „http://testpyramido.uni-guehlen.de/w/index.php?title=Cascading_Style_Sheep&oldid=468196“