CSS Sprites
als Präsentation ▻CSS-Sprites
Das Laden von vielen kleinen Icons über HTTP 1.1 kann sehr lange dauern. Wenn man alle Bilder in ein Bild vereinigt muss nur noch eine Datei geladen werden. Das ist die Idee von CSS-Sprites.
So könnte der CSS Code aussehen:
.icon{ display:block; padding:8px 0 9px 40px; background:url(http://us.i1.yimg.com/pa-icons2.gif) 5px 3px no-repeat; } #messenger .icon{ padding-left:31px; background-position:2px -497px; } #music .icon{ background-position:5px -197px; }
Kapitel
- Das Web Und Html
- Css
- Css Layout
- Urls
- Formulare
- Javascript Dom
- Jquery
- Kommandozeile
- Git
- Http
- Php Vorbereitung
- Php
- Php Db Lesen
- Session
- Php Db Schreiben
- Php Db Optimierung
- Grafik
- Javascript
- Applied Jquery And Css
- Json
- Xml
- Security
- Injection
- Authentifizierung und Session-Management
- Cross Site Scripting (XSS)
- Unsichere direkte Objektreferenzen
- Sicherheitsrelevante Fehlkonfiguration
- Verlust der Vertraulichkeit sensibler Daten
- Fehlerhafte Autorisierung auf Anwendungsebene
- Cross-Site Request Forgery (CSRF)
- Nutzung von Komponenten mit bekannten Schwachstellen
- Ungeprüfte Um- und Weiterleitungen
- Wordpress
- Apache
- Advanced Javascript
- Qualitaet