Tūkstančiai patarimai CSS, PHP, scenarijus. Naudingi samouczków ir vaizdo patarimai

Sans-Serif Arial, sans-serifas; Helvetica, sans-serifas; Gillas Sansas, sans-serifas; Liucida, sans-serifas; Helvetica Siaura, sans-serif; sans-serifas; „Serif Times“ “

Suraskite HTML klaidų ir atkreipkite dėmesį į jų trūkumus. / * Tušti elementai * / div: tuščias, tarpas: tuščias, li: tuščias, p: tuščias, td: tuščias, th: tuščias (užpildymas: "

Viena iš svarbiausių priežasčių, kodėl reikia naudoti išankstinį įkėlimą, yra tai, jei norite naudoti vaizdą elemento fone paveikslėlyje įvykyje „mouseOver“ arba: „hover“. Jei tik tu

„Firefox 2“ html> / ** / body .selector, x: -moz-any-link (spalva: lime;) Firefox 3 html> / ** / body .selector, x: -moz-any-link, x: default (spalva: kalkės;) Bet koks "

Tai yra pradinių šablonų, skirtų maketams ir šablonams, naudojant CSS tinklelį, rinkinys. Idėja yra parodyti, ką technika sugeba ir "

Įprastas teksto šešėlis: p (text-shadow: 1px 1px 1px # 000;) Keli šešėliai: p (text-shadow: 1px 1px 1px # 000, 3px 3px 5px blue;) Pirmosios dvi reikšmės "

Čia esantys selektoriai yra būdingi „Wufoo“ žymėjimui, tačiau darbo sąvokos gali būti bet kokios formos. Bendra idėja yra ta, kad kuriate numatytąjį radiją "

Pasikartojantys gradientai yra triukas, kurį mes jau galime padaryti, kūrybiškai naudodami spalvų sustojimus tiesinio gradiento () ir radialinio gradiento () žymėjimais. "

#foo: patikrintas :: prieš, įvestis (pozicija: absoliutus; klipas: tiesus (0,0,0,0); klipas: tiesus (0 0 0 0);) #foo: patikrintas, įvestis + etiketė :: prieš ( turinys:"

Naudojamas metant šešėlius nuo bloko lygio elementų (pvz., Divų). .shadow (-moz-box-shadow: 3px 3px 5px 6px #ccc; -webkit-box-shadow: 3px 3px 5px 6px #ccc; "

Jei jus domina „Webkit“ / „Blink“ / „Chrome“ specifinis stilius, yra paslėptas patentuotas pseudo elementas, tada naudokite ir nestandartinį "

HTML Galite juos padaryti vienu div. Malonu turėti užsiėmimus kiekvienai krypčiai. CSS Idėja yra dėžutė, kurios plotis ir aukštis nulis. „

# gradiento pavyzdys (aukštis: 200 taškų; paraštė: 0 0 20 taškų 0; fono spalva: #eaeaea; fono dydis: 20 taškų 20 taškų; fono paveikslėlis: "

P: last-child: after (content: "2766"; / * Čia atsiranda gebenės lapas * / font-size: 150%; / * Padaro lapą didesnį nei įprastas tekstas * / padding-left: 10px; "

.centeris (plotis: 300 taškų; aukštis: 300 taškų; pozicija: absoliutus; kairė: 50%; viršuje: 50%; paraštė kairėje: -150 taškų; paraštė viršuje: -150 taškų;) Neigiamos paraštės yra tiksliai "

Prieinamas būdas Jūsų geriausias pasirinkimas yra žiūrėti 5 minučių trukmės Ethano vaizdo įrašą ir nurodyti tai: „CodePen Embed Fallback“ kelių naršyklių būdas (papildomas žymėjimas)

Iš v8 dizaino „CSS-Tricks“. Žiūrėti demonstracinę versiją (fonas: # 444; apatinis kraštas: 8 taškų vientisas # E6E2DF; perpildymas: paslėptas; padėtis: santykinis; plotis: 100%;) "

Vaizdus galite apversti naudodami CSS! Galimas scenarijus: turėti tik vieną „rodyklės“ grafiką, bet apversti ją, kad būtų rodoma skirtingomis kryptimis “.

Danas Cederholmas jau seniai naudoja „Baskerville Italic“ ženklą ir liepia naudoti „The Best Ampersand Available“ (taip pat čia). Gerai ar blogai tai turi "

Mūsų išsamus CSS „flexbox“ išdėstymo vadovas. Šis išsamus vadovas paaiškina viską apie „flexbox“, sutelkiant dėmesį į visas skirtingas pagrindinio elemento („flex“ talpyklos) ir vaiko elementų („flex“ elementų) savybes. Tai taip pat apima istoriją, demonstracines versijas, modelius ir naršyklės palaikymo diagramą. "