Na tisoče nasveti CSS, PHP, skripte. Koristne vaje in video nasveti

NOVICE .wrapper (marža: 50 slikovnih pik samodejno; širina: 280 slikovnih pik; višina: 370 slikovnih pik; ozadje: bela; polmer obrobe: 10 slikovnih pik; -webkit-box-shadow: 0 pikslov 0 pikslov 8 slikovnih pik rgba (0,0,0,0.3); "

Dandanes vam res ni treba skrbeti, ali je motnost med brskalniki težavna stvar. Samo uporabite lastnost neprosojnosti, kot je ta: .thing ("

Tbody tr: nth-child (liho) (barva ozadja: #ccc;) "

Sans-Serif Arial, sans-serif; Helvetica, brez serifa; Gill Sans, sans-serif; Lucida, sans-serif; Helvetica ozka, brez serifa; sans-serif; Serif Times, "

Poiščite napake v HTML-ju in poudarite njihovo sranje. / * Prazni elementi * / div: empty, span: empty, li: empty, p: empty, td: empty, th: empty (padding: "

Velik razlog za uporabo prednalaganja slike je, če želite uporabiti sliko za sliko ozadja elementa na dogodku mouseOver ali: hover. Če samo "

Firefox 2 html> / ** / body .selector, x: -moz-any-link (barva: lime;) Firefox 3 html> / ** / body .selector, x: -moz-any-link, x: privzeto (barva: apno;) Vse "

To je zbirka začetnih predlog za postavitve in vzorce z uporabo mreže CSS. Ideja je pokazati, kaj je tehnika sposobna narediti in "

Redna senca besedila: p (text-shadow: 1px 1px 1px # 000;) Več senc: p (text-shadow: 1px 1px 1px # 000, 3px 3px 5px modra;) Prvi dve vrednosti "

Tukaj so izbirniki značilni za označevanje Wufoo, vendar delujoči koncepti lahko delujejo v kateri koli obliki. Splošna ideja je, da nastavite privzeti radio "

Ponavljajoči se gradienti imajo trik, ki ga že lahko naredimo z ustvarjalno uporabo barvnih zaustavitev v notacijah linearnega gradienta () in radialnega gradienta () in

#foo: check :: before, input (position: absolute; clip: rect (0,0,0,0); clip: rect (0 0 0 0);) #foo: preverjeno, input + label :: before ( vsebina: "

Uporablja se pri metanju senc iz elementov na ravni bloka (na primer div-ji). .shadow (-moz-box-shadow: 3px 3px 5px 6px #ccc; -webkit-box-shadow: 3px 3px 5px 6px #ccc; "

Če vas zanima stil Webkit / Blink / Chrome, obstaja lastniški psevdo element, ki ga lahko skrijete in nato uporabite tudi nestandardni "

HTML Lahko jih ustvarite z enim divjem. Lepo je imeti ure za vsako smer. CSS Ideja je polje z ničelno širino in višino. "

# example-gradient (višina: 200px; rob: 0 0 20px 0; color-background: #eaeaea; size-background: 20px 20px; background-image: "

P: last-child: after (content: "2766"; / * Prihaja bršljanov list * / velikost pisave: 150%; / * Listič je večji od običajnega besedila * / padding-left: 10px; "

.center (širina: 300 slikovnih pik; višina: 300 slikovnih pik; položaj: absolutno; levo: 50%; zgoraj: 50%; rob levo: -150 slikovnih pik; margin-top: -150 slikovnih pik;) Negativni robovi so natančno "

Dostopna pot Najbolje je, da si ogledate Etanov 5-minutni video in se nato sklicujete na to: CodePen Embed Fallback Način med brskalniki (dodatna oznaka) "

Iz v8 zasnove CSS-trikov. Ogled predstavitvene nav (ozadje: # 444; rob-dno: 8px neprekinjeno # E6E2DF; preliv: skrit; položaj: relativno; širina: 100%;) "