Manchmal, wenn ich eine Website sehe, die ich mag oder Websites von angesehenen Menschen, sehe ich die Quellcodes und versuche sie zu verstehen (wie wir alle).
Auf Jeremy Keiths Website verwendet er den folgenden Code:
%Vor%Ich habe das vorher noch nie gesehen, und ein paar andere Male sah ich Code (den man als "Trick" bezeichnen kann), den ich noch nie zuvor gesehen hatte.
Abgesehen von der Frage, was der obige Code bedeutet, ist meine Frage - gibt es Dokumentation, Buch oder Blogs, die durch die fortgeschrittenen / weniger bekannten CSS "Tricks" gehen?
In diesem Beispiel wird die <nav>
in eine <div>
gehüllt und dann eine navigation
role zugewiesen. Das Gleiche kann nur mit
Viele Websites scheinen ein "kleines" HTML5 mit XHTML zu mischen. Ich sehe wirklich keinen Grund, warum sie HTML5 nicht "vollständig" verwenden. Der ganze Sinn von HTML5 besteht darin, semantischer zu sein und weniger Code zu schreiben, der aussagekräftiger ist.
Einige nützliche Links.
Ab sofort benötigen Sie ein wenig Javascript, damit HTML5-Elemente im IE funktionieren. Diese Links sollten helfen
Das obige Element zielt auf Elemente ab, die ein Rollenattribut haben, wie zum Beispiel:
%Vor%Eine Klasse würde auch hier Sinn machen, aber es ist nur eine andere Art, es zu tun. Attributselektoren sind ein Standardteil von CSS2, aber zu der Zeit IE6 hat sie nicht unterstützt , also hat es nicht wurden bis vor kurzem noch nicht oft benutzt.
Es gibt viele andere solche Selektoren, die es schon lange gibt, aber aufgrund der Einschränkungen durch IE nicht verwendet werden konnten. Weitere Beispiele finden Sie unter Quirksmode .
Das ist ein CSS-Attributselektor. Es heißt "Alle <a>
-Tags, die Nachkommen eines Elements sind, das ein Attribut von role
mit einem Wert von navigation
hat, sollten wie folgt formatiert sein ..."
Er benutzt es hauptsächlich für die Erreichbarkeit und für Styling nur sekundär .
Wenn Sie etwas über die neuesten CSS-Funktionen erfahren möchten, empfehle ich css3.info und css3please.com . Die erste ist eine großartige Quelle für Beispiele neuer Tricks, und die zweite ermöglicht es Ihnen, mit den neuen Sachen im Browser zu spielen. Anders als das ... Ich habe herausgefunden, dass der beste Weg zu lernen ist, hier Fragen zu beantworten (Dinge zu sehen, wenn Sie nicht sicher sind), kombiniert mit Lesen - Eric Myers , Paul Irisch , Quirksmode - all das sind gute Ressourcen, um Dinge zu lernen, die für dich neu sind.
Tags und Links css