Cascading Style Sheep: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Dufo (Diskussion | Beiträge) K zum GaGA gewählt |
Änderung 589349 von 18.85.192.253 (Diskussion) rückgängig gemacht. |
||
| (22 dazwischenliegende Versionen von 18 Benutzern werden nicht angezeigt) | |||
| 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>[[ | <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 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>[[ | <td>[[Datei:CSS_falling.png]]</td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
[[Kategorie:Computer]] | [[Kategorie:Computer]] | ||
<td colspan="3" align="center">[[ | <td colspan="3" align="center">[[Datei:CSS_small.png]]</td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td valign="top">[[ | <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>[[ | <td>[[Datei:CSS Colorsheep.png]] | ||
<!--- Das Schaf | <!--- Das Schaf mäxt in 8-Bit-Unicode----></td> | ||
<td width="10px"></td> | <td width="10px"></td> | ||
<td align="right">[[ | <td align="right">[[Datei:CSS small.png]] | ||
Geschickte | Geschickte Wolldesigner setzen diese Technik häufig<br />[[Datei:CSS small.png]]ein, um Texte '''rechtsbündig''' auszurichten.</td> | ||
<td>[[ | <td>[[Datei:Css gras.svg]]</td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
| Zeile 46: | Zeile 46: | ||
</table> | </table> | ||
</div> | </div> | ||
{{sa}}[[Internet]], [[Programmirren]] | {{sa}} [[Formationsgrasen|Formatierungsgrasen]], [[Internet]], [[Programmirren]]<br /> | ||
{{sw}} der <span class="plainlinks">[http://www.csszengarden.com/tr/de/ CSS]</span>[[Zen|-Zen-]][http://www.csszengarden.com/tr/de/ Garten] • [http://www.youtube.com/watch?v=D2FX9rviEhw&feature=player_embedded Extreme Sheep LED Art ] und '''''unbedingt''''': • http://csshumor.com/ | |||
{{ | [[Kategorie:Schafe]] | ||
[[wiki:Cascading Style Sheets]] | |||
[[wiki-en:Cascading Style Sheets]] | |||
Aktuelle Version vom 3. März 2019, 20:41 Uhr
 |
Programmiertechnik um das Layout von Webseiten festzulegen. Dies geschieht mit Hilfe |
 |
||||
 |
||||||
|
Eine weiter oft benutze Technik ist es, die Schafe vorher in einen RGB-Farbeimer zu tauchen und sie dann
|
|||||
Siehe auch: Formatierungsgrasen, Internet, Programmirren
Schau mal in die Wahnsinnig Weite Wüste: der CSS-Zen-Garten • Extreme Sheep LED Art und unbedingt: • http://csshumor.com/
wiki:Cascading Style Sheets
wiki-en:Cascading Style Sheets