.stitched (padding: 20px; margin: 10px; background: # ff0030; color: #fff; font-size: 21px; font-weight: bold; line-height: 1.3em; border: 2px dashed "

P (font-size: 24px! important;) De! important regel aan het einde van een waarde zal alle andere stijlverklaringen van dat attribuut overschrijven, inclusief inline "

A (/ * volledig geldige URL, waarschijnlijke externe link * /) a (/ * link naar specifieke website * /) a, a (/ * interne relatieve link * /) a (/ * e-maillink * /) a (/ * "

Een populaire ontwerptechniek is om een ​​inhoudscontainer te maken die eruitziet als een vel papier en er andere vellen papier onder te stapelen door een gelaagde "

Home Catalogus Prijs Over Contact nav (breedte: 960px; hoogte: 100px; marge: 120px auto; text-align: center;) .top-menu li (display: inline-block; "

Hier is voor Google Code Prettify (gevonden bij deze bron). .prettyprint (kleur: # 839496; achtergrondkleur: # 002b36;) .prettyprint .pln (kleur: erven;) "

H1 # logo (breedte: 200px; // breedte van afbeelding hoogte: 100px; // hoogte van achtergrond afbeelding: url (../ pad / naar / afbeelding.jpg.webp); text-indent: -9999px;) Deze techniek "

De blockquote wordt weergegeven in browsers die voldoen aan de standaarden met het effect "grote aanhalingstekens voor" en in IE met een dikke linkerrand en een lichtgrijze "

Vereist jQuery en jQuery UI voor de daadwerkelijke schuifregelaar. Het gezicht is gemaakt van elementen die in cirkels zijn gemaakt met een randradius. De mond, die geluk aangeeft "

Vanaf de footer van het v8-ontwerp van CSS-Tricks. Bekijk demo footer (clear: both; overflow: hidden; font-size: 16px; line-height: 1.3;) # footer-boxes ("

Standaard hebben alle versies van IE een schuifbalk op tekstgebieden, zelfs als deze leeg zijn. Geen enkele andere browser doet dit, dus als u het wilt verwijderen, kan IE dat "

Elke oude ankerlink kan een link naar een PDF-document zijn, maar op een dergelijke link klikken kan verrassend en ongemakkelijk zijn voor een gebruiker. Dit"

Dit veronderstelt het gebruik van een autoprefixer. .face: hover (animatie: schud 0.82s cubic-bezier (.36, .07, .19, .97) beide; transform: translate3d (0, 0, 0); "

Standaard: -moz-border-radius: 10px; -webkit-border-radius: 10px; grensradius: 10px; / * toekomstbestendig * / -khtml-border-radius: 10px; / * voor oud "

Breng uw eigen voorvoegsels mee! .grow (overgang: alle .2s gemak-in-uit;) .grow: hover (transform: scale (1.1);) "

Iedereen houdt van linten

.ribbon (font-size: 16px! important; / * This ribbon "

Voor het opnemen van afbeeldingen in hoge resolutie, maar alleen voor schermen die er gebruik van kunnen maken. "Retina" is "2x": @media (-webkit-min-device-pixel-ratio: 2), "

Er zijn momenten dat een hele lange reeks tekst de container van een lay-out kan overlopen. Bijvoorbeeld: URL's bevatten doorgaans geen spaties, dus ze "

Voor talen die van rechts naar links worden geschreven, kunt u in de meeste browsers de standaardindeling van links naar rechts omwisselen via het kenmerk dir. tekst van rechts naar links "

A (outline: 0;) Wees voorzichtig met het verwijderen van outline-stijlen van links, aangezien ze een bruikbaarheidsfunctie zijn. Als u dat doet, zorg er dan voor dat u duidelijke focusstijlen definieert. Als"

Het kan soms wenselijk zijn om de boven- of linkermarge van het eerste element in een container te verwijderen. Evenzo is de rechter- of ondermarge van de laatste "

Deze pagina bevat een heleboel verschillende apparaten en mediaquery's die specifiek op dat apparaat zijn gericht. Dat is over het algemeen waarschijnlijk geen goede gewoonte, maar het is handig om te weten wat de afmetingen van al deze apparaten zijn in een CSS-context. "

Webkit-tap-highlight-kleur: rgba (0,0,0,0); En dan om toe te staan: actieve stijlen om te werken in je CSS op een pagina in Mobile Safari: "

Gestippelde randen rond links zijn een toegankelijkheidsfunctie die de meeste browsers standaard hebben. Het is voor gebruikers die moeten of ervoor kiezen om met het toetsenbord te navigeren, daar "

HTML: .. of .. Ga naar CSS: input.button (text-indent: -9000px; text-transform: capitalize;) Negatieve inspringing alleen werkt helaas niet om tekst te verwijderen "

Iets lichtere kleur (ervan uitgaande dat uw tekst zwart is), gestippelde onderrand en een vraagtekencursor. Dit is een enigszins gestandaardiseerde aanpak geworden, "

Voor CSS-achtergrondafbeeldingen .yourselector (breedte: 200px; hoogte: 100px; achtergrond: url (/folder/yourimage.png.webp) geen herhaling; _background: geen; "

Grote opmerking hier! Schuifdeuren is een vrij oude techniek. Het had zijn tijd op internet, maar het is tegenwoordig waarschijnlijk niet de slimste manier om te gaan. Wij hebben"

Sup, sub (vertical-align: baseline; position: relatief; top: -0.4em;) sub (top: 0.4em;) "

@media print (a :: after (content: "(" attr (href) ")";)) "