Turinys:

7 naudingi šaltiniai besimokantiems CSS
7 naudingi šaltiniai besimokantiems CSS
Anonim

Kaskadiniai stiliaus lapai daro nuobodų HTML patrauklų. Lifehacker pasirinko svetaines rusų ir anglų kalbomis, taip pat žiniatinklio enciklopedijas, kurios padės geriau suprasti CSS.

7 naudingi šaltiniai besimokantiems CSS
7 naudingi šaltiniai besimokantiems CSS

World Wide Web Consortium (W3C) 1996 m. rekomendavo CSS (Cascading Style Sheets) technologiją. Nuo tada žiniatinklio kūrėjai naudojo pakopinius stilių lapus, kad sukurtų unikalų svetainės dizainą.

Prieš 20 metų kūrėjai žaidė su šrifto parinktimis, teksto atributais ir puslapio elementų spalvomis. Šiuo metu vyksta animacijos, šešėliai, gradientai, anti-aliasing ir daugelis kitų pažangių dalykų.

Įdiekite „Chrome“plėtinį arba „Firefox“priedą, kad galėtumėte grožėtis mėgstamomis svetainėmis be pakopinių stiliaus lapų.

pakopiniai stiliaus lapai: lifehacker be CSS
pakopiniai stiliaus lapai: lifehacker be CSS

Pokyčiai bus dramatiški, nors ir ne visada. Pavyzdžiui, naujienų kaupiklis beveik nepasikeis: jis paprastas kaip du ir du. Nepaisant to, išteklius kas mėnesį peržiūrimas daugiau nei 150 milijonų kartų.

Kur išmokti smulkesnių CSS taškų

1. HTMLknyga

pakopiniai stiliaus lapai: HTMLbook
pakopiniai stiliaus lapai: HTMLbook

Būkime nuoseklūs ir pradėkime nuo tvirto teorinio pagrindo. Dėl to kreipiamės į knygų autorių ir interneto kūrėją Vladą Merževičių, kuris prižiūri keletą kokybiškų išteklių apie tinklalapių maketavimą ir stilių.

Čia rasite savaime suprantamą pamoką ir atsakymus į populiarius klausimus apie pakopinio stiliaus lapus. Taip pat yra mokomųjų straipsnių apie dabartinę trečiąją CSS specifikaciją.

2. WebReference

pakopiniai stiliaus lapai: WebReference
pakopiniai stiliaus lapai: WebReference

siūlo abėcėlinę nuorodą į CSS. Kiekviena nuosavybė turi trumpą aprašymą, sintaksę ir tiesioginį pavyzdį. Nedvejodami užduokite klausimus – susisiekia projekto autoriai ir noriai aptarinėja detales.

3. CSS nuoroda

kaskadiniai stiliaus lapai: CSS nuoroda
kaskadiniai stiliaus lapai: CSS nuoroda

Be pamokų rusų kalba, pridėsime užsienio svetainių. Jų pagalba kai kuriems mokiniams lengviau įsigilinti į profesiją ir priimti jos terminiją. Todėl visas dėmesys skiriamas. Svetainėje nėra nieko nereikalingo: CSS savybės, paaiškinimai ir veiksmas. Iš malonių smulkmenų pažymime greitą nuosavybės paiešką ir nukopijavimą į mainų sritį pelės paspaudimu.

4. CSS dizaino apdovanojimai

Kaskadiniai stiliaus lapai: CSS dizaino apdovanojimai
Kaskadiniai stiliaus lapai: CSS dizaino apdovanojimai

Švietimas yra ilgas ir kartais nuobodus reikalas. Būtų malonu rasti motyvacijos padėti sunkiais laikais. Mes būsime įkvėpti kitų interneto dizainerių, tiksliau, svetainėje. Kasdien čia pristatomas kokybiškas projektas, kuris yra pavyzdys, ko verta siekti. Daugelis laimėtojų tikrai stebina. Nepamirškite užsukti ir balsuoti už labiausiai patikusius kandidatus.

5. CSS Zen sodas

kaskadiniai stiliaus lapai: CSS Zen Garden
kaskadiniai stiliaus lapai: CSS Zen Garden

Užsitikrinus žinias ir švyturį, laikas išbandyti jėgas versle. O kad ilgai nesirinktumėte kelio, nukreipsime į puslapį. Jame yra nekintantis HTML failas, kurį vartotojai iš viso pasaulio bando suteikti nepaprastą dizainą naudodami pakopinius stiliaus lapus.

Įkelkite nuorodos HTML, pridėkite savo stilių ir išsiųskite viską atgal. Galbūt jūsų požiūris bus geriausias. Beje, galite atsisiųsti kažkieno versiją ir pamatyti, kaip ji įgyvendinama.

6. CSSPlay

pakopiniai stiliaus lapai: CSSPlay
pakopiniai stiliaus lapai: CSSPlay

Akivaizdu, kad norėsite pritaikyti kažką tokio, kuris patrauks visų dėmesį. Nežinome, ar toks dalykas yra, bet dešimtys ir šimtai įdomių gudrybių tikrai buvo.

7. CSS Lint

kaskadiniai stiliaus lapai: CSS Lint
kaskadiniai stiliaus lapai: CSS Lint

Kam mums reikia kažkieno kito, jei mūsų pačių rankos auga tiesiai? Ar tikrai parodo. Be pagrindinio CSS sintaksės tikrinimo, žiniatinklio paslauga tikrina, ar laikomasi taisyklių, turinčių įtakos puslapio įkėlimo greičiui. Išvestis yra graži, naršyklei pritaikyta CSS.

Rekomenduojamas: