7 hasznos forrás a CSS-t tanulók számára

2024 Szerző: Malcolm Clapton | [email protected]. Utoljára módosítva: 2023-12-17 03:59

A lépcsőzetes stíluslapok vonzóvá teszik az unalmas HTML-t. A Lifehacker orosz és angol nyelvű webhelyeket, valamint internetes enciklopédiákat választott ki, amelyek segítenek a CSS jobb megértésében.

A World Wide Web Consortium (W3C) 1996-ban ajánlotta a CSS (Cascading Style Sheets) technológiát. Azóta a webfejlesztők lépcsőzetes stíluslapokat használnak egyedi webhelytervek létrehozásához.

Húsz évvel ezelőtt a fejlesztők a betűtípus-beállításokkal, a szövegattribútumokkal és az oldalelemek színeivel játszottak. Manapság animációk, árnyékok, színátmenetek, élsimítás és sok más fejlett dolog van folyamatban.

Telepítsen egy Chrome-bővítményt vagy Firefox-bővítményt, hogy megcsodálja kedvenc webhelyeit lépcsőzetes stíluslapok nélkül.

A változások drámaiak lesznek, bár nem mindig. Például egy hírgyűjtő aligha fog változni: olyan egyszerű, mint a kettő és a kettő. Ennek ellenére az erőforrást havonta több mint 150 millió alkalommal tekintik meg.

Hol lehet megtanulni a CSS finomságait

1. HTMLbook

Legyünk következetesek, és kezdjük egy szilárd elméleti alappal. Ehhez Vlad Merzhevicshez, könyvszerzőhöz és webfejlesztőhöz fordulunk, aki számos minőségi forrást tart fenn a weboldalak elrendezésével és stílusával kapcsolatban.

Itt egy magától értetődő oktatóanyagot és választ talál a lépcsőzetes stíluslapokkal kapcsolatos népszerű kérdésekre. Vannak oktatócikkek is a jelenlegi harmadik CSS-specifikációról.

2. WebReference

betűrendes hivatkozást kínál a CSS-re. Minden tulajdonságnak van egy rövid leírása, szintaxisa és egy élő példa. Ne habozzon kérdéseket feltenni – a projekt szerzői felveszik a kapcsolatot, és készségesen megbeszélik a részleteket.

3. CSS-referencia

Az orosz nyelvű oktatóanyagok mellett külföldi oldalakat is hozzáadunk. Segítségükkel a tanulók egy része könnyebben elmélyül a szakmában, elfogadja annak terminológiáját. Ezért minden figyelem ezen van. Az oldalon nincs semmi felesleges: CSS-tulajdonságok, magyarázatok és műveletek. A kellemes apróságok közül megjegyezzük a gyors keresést és egy ingatlan vágólapra másolását egy egérkattintással.

4. CSS Design Awards

Az oktatás hosszú és néha unalmas üzlet. Jó lenne motivációt találni a segítségnyújtásra a nehéz időkben. Más webdesignerektől fogunk inspirálni, vagy inkább az oldalon. Itt minden nap egy-egy minőségi projekt kerül bemutatásra, amely mintaként szolgál arra, hogy mire érdemes törekedni. A nyertesek közül sokan valóban meglepőek. Ne felejts el leadni és szavazni kedvenc jelölteidre.

5. CSS Zen Garden

Miután biztosított a tudás és a jeladó, itt az ideje, hogy próbára tegye erejét az üzleti életben. És hogy ne válasszon sokáig az utat, az oldalra irányítunk. Változatlan HTML fájlt tartalmaz, amelyet a világ minden tájáról érkező felhasználók lépcsőzetes stíluslapok segítségével próbálnak rendkívüli dizájnt adni.

Töltse be a referencia-HTML-kódot, adja hozzá stílusát, és küldje vissza az egészet. Talán a te megközelítésed lesz a legjobb. Mellesleg letöltheti valaki más verzióját, és megnézheti, hogyan valósul meg.

6. CSSPlay

Nyilvánvaló, hogy valami olyasmit szeretne alkalmazni, amely mindenki figyelmét felkelti. Nem tudjuk, hogy létezik-e ilyen, de tucatnyi és száz érdekes trükk az biztos.

7. CSS Lint

Miért van szükségünk valaki másra, ha a saját kezünk egyenesen nő? Tényleg látszik. Az alapvető CSS-szintaxis-ellenőrzés mellett a webszolgáltatás ellenőrzi az oldalbetöltési sebességet befolyásoló szabályok betartását. A kimenet szép, böngészőbarát CSS.