Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 498847 of CSS

  • Adressname der Version: Web/CSS
  • Titel der Version: CSS
  • ID der Version: 498847
  • Erstellt:
  • Autor: fscholz
  • Aktuelle Version? Nein
  • Kommentar Link updateCSS Web/CSS
Schlagwörter: 

Inhalt der Version

Einführung
Dieses Tutorial soll Anfängern den Einstieg in Cascading Style Sheets erleichtern.

Cascading Style Sheets (CSS) ist eine Beschreibungssprache, um das Erscheinungsbild einer in HTML oder XML formatierten Datei (inklusive verschiedener XML-Sprachen wie XHTML oder SVG) zu verändern. In XUL-basierenden Produkten, wie die Mozilla Suite, Firefox oder Thunderbird wird CSS ebenfalls benutzt, um das User-Interface zu gestalten. Zum Beispiel benutzen Themes CSS in großem Umfang, um das Aussehen der Anwendung zu verändern. CSS ist eine W3C Spezifikation (en).

Dokumentation

CSS Referenz
Eine Referenz zu CSS und Mozilla Erweiterungen
CSS Unterstützung
Eine Übersicht zur Unterstützung aller CSS Eigenschaften in Gecko/Firefox
CSS Transformationen
Eine Einführung in CSS Transformationen.
CSS Transitions
Einführung in die Verwendung von CSS Transitionen.
Effizientes CSS schreiben
Ein Leitfaden zum Schreiben von effizientem CSS für den Gebrauch in Mozillas User-Interface.
Media Queries
Wie man Media Queries verwendet, um Stylesheets auf Basis des Geräts auf dem gerendert wird, auszuwählen.
Verwendung von URL Werten für die cursor Eigenschaft
Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) unterstützt URL-Werte für die CSS 2/2.1 cursor Eigenschaft. Das ermöglicht jede Art von Bildern (welche von Gecko untersützt werden) als Mauscursor festzulegen.
CSS3 Columns
Ein kleines Tutorial zur Verwendung von CSS Columns (Spalten).
Verwendung von dynamischen Styles
Wie man Style-Informationen mittels DOM erhalten und verändern kann.

Alles ansehen...

Community

  • Mozillas CSS Foren:

{{ DiscussionList("dev-tech-css", "mozilla.dev.tech.css") }}

Tools

 

Quelltext der Version

<div class="callout-box">
 <strong><a href="/de/docs/CSS/Einführung" rel="internal" title="CSS/Einführung">Einführung</a></strong><br />
 Dieses Tutorial soll Anfängern den Einstieg in Cascading Style Sheets erleichtern.</div>
<p><strong>Cascading Style Sheets</strong> (<strong>CSS</strong>) ist eine Beschreibungssprache, um das Erscheinungsbild einer in <a href="/de/docs/HTML" title="HTML">HTML</a> oder <a href="/de/docs/XML" rel="internal">XML</a> formatierten Datei (inklusive verschiedener XML-Sprachen wie <a class="new " href="/de/docs/XHTML" rel="internal">XHTML</a> oder <a href="/de/docs/SVG" rel="internal">SVG</a>) zu verändern. In <a href="/de/docs/XUL" rel="internal">XUL</a>-basierenden Produkten, wie die Mozilla Suite, Firefox oder Thunderbird wird CSS ebenfalls benutzt, um das User-Interface zu gestalten. Zum Beispiel benutzen <a href="/de/docs/Themes" rel="internal">Themes</a> CSS in großem Umfang, um das Aussehen der Anwendung zu verändern. CSS ist eine <a class="external" href="https://w3.org/Style/CSS/#specs" rel="external nofollow" target="_blank" title="https://w3.org/Style/CSS/#specs">W3C Spezifikation (en)</a>.</p>
<table class="topicpage-table">
 <tbody>
  <tr>
   <td>
    <h2 class="Documentation" id="Dokumentation">Dokumentation</h2>
    <dl>
     <dt>
      <a href="/de/docs/CSS_Referenz" title="CSS_Referenz">CSS Referenz</a></dt>
     <dd>
      Eine Referenz zu CSS und <a href="/de/docs/CSS_Referenz/Mozilla_CSS_Erweiterungen" title="CSS_Referenz/Mozilla_CSS_Erweiterungen">Mozilla Erweiterungen</a></dd>
     <dt>
      <a href="/de/docs/CSS/CSS_Unterstützung" title="CSS/CSS_Unterstützung">CSS Unterstützung</a></dt>
     <dd>
      Eine Übersicht zur Unterstützung aller CSS Eigenschaften in Gecko/Firefox</dd>
     <dt>
      <a href="/de/docs/CSS/CSS_Transformationen" title="CSS/CSS_Transformationen">CSS Transformationen</a></dt>
     <dd>
      Eine Einführung in CSS Transformationen.</dd>
     <dt>
      <a href="/de/docs/CSS/CSS_Transitions" title="CSS/CSS Transitions">CSS Transitions</a></dt>
     <dd>
      Einführung in die Verwendung von CSS Transitionen.</dd>
     <dt>
      <a href="/de/docs/CSS/Effizientes_CSS_schreiben" title="CSS/Effizientes_CSS_schreiben">Effizientes CSS schreiben</a></dt>
     <dd>
      Ein Leitfaden zum Schreiben von effizientem CSS für den Gebrauch in Mozillas User-Interface.</dd>
     <dt>
      <a href="/de/docs/CSS/Media_Queries" title="CSS/Media_Queries">Media Queries</a></dt>
     <dd>
      Wie man Media Queries verwendet, um Stylesheets auf Basis des Geräts auf dem gerendert wird, auszuwählen.</dd>
     <dt>
      <a href="/de/docs/Verwendung_von_URL_Werten_für_die_cursor_Eigenschaft" title="Verwendung_von_URL_Werten_für_die_cursor_Eigenschaft">Verwendung von URL Werten für die cursor Eigenschaft</a></dt>
     <dd>
      <a href="/de/docs/Gecko" title="Gecko">Gecko</a> 1.8 (Firefox 1.5, SeaMonkey 1.0) unterstützt URL-Werte für die CSS 2/2.1 <a class="external" href="/de/docs/CSS/cursor"><code>cursor</code></a> Eigenschaft. Das ermöglicht jede Art von Bildern (welche von Gecko untersützt werden) als Mauscursor festzulegen.</dd>
     <dt>
      <a href="/de/docs/CSS3_Columns" title="CSS3_Columns">CSS3 Columns</a></dt>
     <dd>
      Ein kleines Tutorial zur Verwendung von CSS Columns (Spalten).</dd>
     <dt>
      <a href="/de/docs/DOM/Verwendung_von_dynamischen_Styles" title="DOM/Verwendung_von_dynamischen_Styles">Verwendung von dynamischen Styles</a></dt>
     <dd>
      Wie man Style-Informationen mittels DOM erhalten und verändern kann.</dd>
    </dl>
    <p><span class="alllinks"><a href="/de/docs/tag/CSS" title="tag/CSS">Alles ansehen...</a></span></p>
   </td>
   <td>
    <h2 class="Community" id="Community" name="Community">Community</h2>
    <ul>
     <li>Mozillas CSS Foren:</li>
    </ul>
    <p>{{ DiscussionList("dev-tech-css", "mozilla.dev.tech.css") }}</p>
    <ul>
     <li><a class="external" href="https://www.css-discuss.org/">CSS-Discuss site and list</a></li>
    </ul>
    <h2 class="Tools" id="Tools" name="Tools">Tools</h2>
    <ul>
     <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug Erweiterung</a></li>
     <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer Erweiterung</a></li>
     <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/179">EditCSS Erweiterung</a></li>
     <li><a class="external" href="https://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a></li>
     <li><a href="/de/docs/tag/CSS:Tools" title="tag/CSS:Tools">weitere Tools...</a></li>
    </ul>
    <h2 class="Related_Topics" id="Verwandte_Themen">Verwandte Themen</h2>
    <ul>
     <li><a href="/de/docs/Erweiterungen" title="Erweiterungen">Erweiterungen</a>, <a href="/de/docs/HTML" title="HTML">HTML</a>, <a href="/de/docs/Themes" title="Themes">Themes</a>, <a href="/de/docs/XHTML" title="XHTML">XHTML</a>, <a href="/de/docs/XML" title="XML">XML</a>, <a href="/de/docs/XUL" title="XUL">XUL</a></li>
    </ul>
   </td>
  </tr>
 </tbody>
</table>
<p>&nbsp;</p>
Zu dieser Version zurücksetzen