Wir alle machen Fehler in unserem Code. Das passiert! Ich weiß, wenn ich ein Schild mit der Aufschrift „Tage seit dem letzten Fehler“ über meinem Schreibtisch hängen hätte, würde eine große fette Null die ganze Zeit über mir schweben. Das …
Anknüpfend an Geoffs Einführungsartikel über das zweite „S“ in CSS richten wir nun das Rampenlicht auf das „C“ in CSS – das, was wir die Kaskade nennen. Hier fangen die Dinge an, unübersichtlich und sogar verwirrend zu werden …
In CSS sehen Sie möglicherweise eine Regel wie diese
html {
font-family: Lato, "Lucida Grande", Tahoma, Sans-Serif;
}Was zum Teufel, richtig? Warum sage ich ihm nicht einfach, welche Schriftart ich verwenden möchte, und das war's? Die ganze Idee …
Sie sind wahrscheinlich bestens damit vertraut, wie Links ohne jegliches Styling aussehen. Dieses Blau. Diese Unterstreichung. Das ist ein Link in seiner reinsten Form. Aber was ist, wenn wir die Dinge ein wenig ändern wollen? Vielleicht passt Blau nicht zum Design Ihrer Website. Vielleicht haben Sie eine Abneigung gegen Unterstreichungen. Was auch immer der Grund ist, CSS ermöglicht es uns, Links genauso zu stylen wie jedes andere Element.
Mit CSS können Sie den Hintergrund von Elementen steuern. Sie können eine background-color festlegen, um ihn mit einer Volltonfarbe zu füllen, eine background-image, um ihn (Sie haben es erraten) mit einem Bild zu füllen, oder sogar beides
body {
background-color: red;
background-image: CSS ist eine Abkürzung für Cascading Style Sheets.
Während sich die meiste Diskussion über CSS im Web (oder sogar hier auf CSS-Tricks) um das Schreiben von Stilen dreht und wie die Kaskade sie beeinflusst, reden wir nicht viel über …
Etwas, das Sie im Webdesign unbedingt vermeiden möchten, ist unlesbarer Text. Das kann passieren, wenn die Hintergrundfarbe eines Elements zu nahe an der Textfarbe liegt oder genau die gleiche Farbe hat. Zum Beispiel
.header {
background-color: white;
Wenn Sie ganz am Anfang mit CSS herumspielen, müssen Sie sich, wie bei jeder anderen Sprache, an die Syntax gewöhnen. Wie bei jeder Syntax gibt es eine Reihe von Kleinigkeiten, die Sie wissen müssen. Einige …
