.šiveno (dodavanje: 20 piksela; margina: 10 piksela; pozadina: # ff0030; boja: #fff; veličina fonta: 21 piksela; težina fonta: podebljano; visina crte: 1,3em; obrub: crtica 2 piksela "

P (veličina fonta: 24px! važno;) Pravilo! važno na kraju vrijednosti poništit će sve ostale deklaracije stila tog atributa, uključujući inline "

A (/ * potpuno važeći URL, vjerojatna vanjska veza * /) a (/ * veza do određene web stranice * /) a, a (/ * unutarnja relativna veza * /) a (/ * adresa e-pošte * /) a (/ * "

Popularna tehnika dizajna je stvaranje spremnika za sadržaj koji izgleda poput lista papira i slaganje ostalih listova papira ispod njega, dodavanjem slojevitog "

Početna Katalog Cijena O Kontaktu nav (širina: 960px; visina: 100px; margina: 120px automatski; poravnanje teksta: središte;). Lipa izbornika na vrhu (zaslon: inline-block; "

Ovo je za Google Code Prettify (pronađen na ovom izvoru). .prettyprint (boja: # 839496; pozadina-boja: # 002b36;) .prettyprint .pln (boja: naslijediti;) "

H1 # logotip (širina: 200px; // širina visine slike: 100px; // visina pozadine slike: url (../ put / do / image.jpg.webp); uvlačenje teksta: -9999px;) Ova tehnika "

Blok citat prikazuje se u preglednicima koji su u skladu sa standardima s efektom "velike citate prije", a u IE s debelim lijevim obrubom i svijetlosivom bojom "

Zahtijeva jQuery i jQuery UI za stvarni klizač. Lice je izrađeno od elemenata izrađenih u krugove s radijusom obruba. Usta koja ukazuju na sreću "

Iz podnožja v8 dizajna CSS-trikova. Pogledajte demo podnožje (jasno: oboje; prelijevanje: skriveno; veličina fonta: 16px; visina crte: 1,3;) # kutije podnožja ("

Prema zadanim postavkama sve verzije IE imaju klizač na tekstualnim područjima, čak i kada su prazne. Nijedan drugi preglednik to ne radi, pa ako ga želite ukloniti kako bi IE mogao "

Bilo koja stara veza koja može biti usidrena može biti veza do PDF dokumenta, ali klik na takvu vezu misleći inače može biti iznenađujuće i neugodno za korisnika. Ovaj"

Ovo pretpostavlja upotrebu autoprefiksera. .face: hover (animacija: shake 0.82s cubic-bezier (.36, .07, .19, .97) oboje; transformiraj: translate3d (0, 0, 0); "

Standardno: -moz-radijus-granice: 10px; -webkit-radijus-granice: 10px; radijus obruba: 10 piksela; / * buduća provjera * / -khtml-border-radius: 10px; / * za stare "

Ponesite vlastite prefikse! .grow (prijelaz: svi .2 olakšavaju izlazak;) .grow: lebde (transformiraju: razmjera (1.1);) "

Svi vole vrpce

.ribbon (veličina fonta: 16px! važno; / * Ova vrpca "

Za uključivanje grafike visoke razlučivosti, ali samo za zaslone koji ih mogu iskoristiti. "Retina" je "2x": @media (-webkit-min-device-pixel-ratio: 2), "

Postoje slučajevi kada stvarno dugački niz teksta može preplaviti spremnik izgleda. Na primjer: URL-ovi obično nemaju razmaka, pa "

Za jezike zdesna nalijevo možete zamijeniti zadani izgled slijeva udesno u većini preglednika jednostavno putem atributa dir. tekst zdesna nalijevo "

A (outline: 0;) Budite pažljivi s uklanjanjem stilova obrisa s veza, jer su značajka upotrebljivosti. Ako to učinite, svakako definirajte jasne stilove fokusa. Ako"

Ponekad može biti poželjno ukloniti gornju ili lijevu marginu s prvog elementa u spremniku. Isto tako, desna ili donja margina od zadnjeg "

Na ovoj se stranici nalazi hrpa različitih uređaja i medijskih upita koji bi posebno ciljali taj uređaj. To obično nije dobra praksa, ali korisno je znati koje su dimenzije svih ovih uređaja u CSS kontekstu. "

Webkit-tap-isticanje-boja: rgba (0,0,0,0); A zatim dopustiti: aktivni stilovi da rade u vašem CSS-u na stranici u Mobile Safariju: "

Točkaste granice oko veza značajka su pristupačnosti koju većina preglednika ima prema zadanim postavkama. To je za korisnike koji moraju ili se odluče navigirati tipkovnicom "

HTML: .. ili .. Idi CSS: button.button (uvlačenje teksta: -9000px; preobrazba teksta: pisanje velikih slova;) Samo negativno uvlačenje nažalost ne radi za uklanjanje teksta

Nešto svjetlija boja (pod pretpostavkom da je tekst crn), donji rub s točkama i kursor s upitnikom. Ovo je postao pomalo standardizirani pristup, "

Za CSS pozadinske slike .ylector (širina: 200px; visina: 100px; pozadina: url (/folder/yourimage.png.webp) no-repeat; _background: none; "

Ovdje je velika napomena! Klizna vrata prilično su stara tehnika. Imalo je vremena na webu, ali ovo danas vjerojatno nije najpametniji način. Imamo"

Sup, sub (vertikalno poravnanje: osnovna crta; položaj: relativni; vrh: -0,4em;) sub (gornji: 0,4em;) "

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