CSS-Hacks (Tricks)

8

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?

    
aurel 08.10.2010, 20:27
quelle

5 Antworten

3

In diesem Beispiel wird die <nav> in eine <div> gehüllt und dann eine navigation role zugewiesen. Das Gleiche kann nur mit

erreicht werden %Vor%

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

Ссылка

Ссылка

    
pixeltocode 09.10.2010, 01:44
quelle
6

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 .

    
Andrew Vit 08.10.2010 20:34
quelle
4

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.

    
Sean Vieira 08.10.2010 20:36
quelle
0

Rolle ist ein neues XHTML2-Attribut.

Ссылка

Ссылка

    
Ryan Ternier 08.10.2010 20:38
quelle
0

Cool, in welchem ​​Browser hat es funktioniert?

Ссылка

E [foo="bar"]
ein E-Element, dessen "foo" -Attributwert genau gleich "bar"
ist
AJ Love 08.10.2010 20:50
quelle

Tags und Links