Hogyan készítsünk CSS-t (illusztrációkkal) -

A CSS a stílusos asztalok nyelve, amellyel weboldalakat hozhat létre, és egyidejűleg több funkciót vezérel, bizonyos elemek csoportjainak hozzárendelését. Például a színkódot, a tervező változtatni a háttér színét minden oldalt az oldal azáltal egy változás CSS kódot.

Lépések

1. rész:

Hogyan írhat be egy beépített CSS kódot

egy. Nézze meg a HTML-címkéket. Tudnod kell, hogyan működik a címkék és attribútumok Src és href.

2. Fedezze fel néhányat A CSS fő tulajdonságai. Sok tulajdonság van, de ne emlékezzen mindentre.

Ne feledje a következő kulcsfontosságú tulajdonságokat CSS: Szín és Betűtípus család.

3. Vizsgálja meg a megfelelő tulajdonságok értékeit. Minden tulajdonság jelzi az értéket. Például a tulajdonságokhoz Szín Megadhatja az értéket piros.

4. Nézze meg a HTML attribútumot Stílus. Az elem belsejében használják href vagy Src. A megadott attribútum használatához az egyenlő jel utáni idézetekben írja be a CSS attribútumot, a vastagbél, majd az ingatlanértéket. Ezt CSS szabálynak nevezik.

öt. Felhívjuk figyelmét, hogy a professzionális webfejlesztők általában nem használják a beépített CSS kódot a webhelyek létrehozásához. A beépített CSS-kód megzavarhatja a HTML-kód integritását. Mindazonáltal ez egy nagyszerű módja annak, hogy megismerkedjenek a CSS működésének alapjaival.

4. rész: 4:

Hogyan írhat egy egyszerű CSS kódot

egy. Futtassa a programot, amelyben létrehozhat HTML és CSS fájlokat.

Ha nincs különleges program, használjon jegyzettömböt vagy más szövegszerkesztőt. Csak mentse a fájlt szöveges fájlként és CSS fájlként.

2. Nyissa meg a HTML kódot. Csináld egy HTML szerkesztőben (ha van).

A HTML-szerkesztőben a HTML kóddal és a CSS-kóddal dolgozik.

3. Címke létrehozása Inhtml címke . Ebben az esetben a CSS-kód írható, anélkül, hogy külön fájlt kell létrehoznunk.

4. Válassza ki azt az elemet, amelyhez stílusot szeretne hozzáadni. Most adja meg az elem és a göndör zárójelek nevét ({ }). Ahhoz, hogy a kód érthetőbbé tegye, a második göndör konzol mindig belép az új sorba.

öt. A zárójelben belsejében adja meg a CSS-szabályt, mintha egy attribútumot használt volna Stílus. Minden karakterláncnak pontosvesszővel kell véget érnie (-). A kód megszakadása esetén minden egyes szabályt külön sorban adnak meg, és minden sornak van egy francia.

Kérjük, vegye figyelembe, hogy ez a stílus befolyásolja a kiválasztott típus összes elemét az oldalon. A következő részben specifikusabb stílust fognak felülvizsgálni.

3. rész: 4:

Hogyan írjunk egy összetettebb CSS-kódot

egy. Hozzon létre egy CSS fájlt (és nem HTML fájl), és mentse a kiterjesztéssel .CSS. Nyissa meg a HTML fájlt is.

2. Címke létrehozása Inhtml címke . Tehát egy külön CSS fájlt csatlakoztat egy HTML fájllal. A címkén Három attribútum szükséges: Rel, típus és href.

Rel Megadja a böngészőt a HTML fájl kezelésére. Itt ez az attribútumnak számít Stíluslap.

típus Jelentések, hogy milyen típusú média utal. Itt ez az attribútumnak számít Szöveg / CSS

href Itt ugyanúgy használják, mint az elemben , De itt ez az attribútumnak a CSS fájlra kell hivatkoznia. Ha a CSS-fájl egy HTML fájllal rendelkező mappában van, adja meg csak az idézőjelek fájlnevét.

3. Válassza ki a különböző típusú elemeket, amelyekhez egy stílusot szeretne hozzáadni. Adjon hozzá egy attribútumot Osztály az ilyen elemekhez, és egyenlővé tegye őket a kiválasztott osztály nevéhez. Ebben az esetben az elemek ugyanolyan stílusok lesznek.

4. Adja meg, hogy milyen stílusban kap egy osztályt. A CSS fájlban adja meg az osztály nevét a pont után ., Ez így: .Osztály.

öt. Válassza ki az egyes elemeket, amelyekhez speciális stílust szeretne hozzáadni, és adjon hozzá egy attribútumot idézés. A CSS azonosítókat szimbólummal hozták létre #, nem egy pont.

Az azonosítók pontosabbak, mint az osztályok, így az azonosító felülbírálja az osztálystílust, ha van egy attribútum, amely az osztályértéktől eltérő értékkel rendelkezik.

4. rész 4:

Hogyan tanulhatjuk meg a CSS-t és a HTML-t

egy. Nyílt webhely HTML Akadémia. Ezen a webfejlesztés alapjai megtanulhatják.

2. Keressen más olyan webhelyeket, amelyeket kifejezetten a HTML és a CSS felfedezésére terveztek.Keresse meg a hiteles forrásokat, hogy megszorozzák a tudását.

3. Kommunikáljon a webes tervezőkkel és fejlesztőkkel. Tapasztalataik segítenek az értékes tudás és készségek elsajátításában.

4. Nézze meg a nyitott webhelyek forráskódjait. A CSS-kódok megtekintése A weboldalak lehetővé teszik Önnek, hogy megismerhesse magát a weboldalak fejlesztésének módszerével. Másolja a kódot, majd szerkessze, hogy megtudja, hogyan kell használni a különböző CSS attribútumokat.

Tippek

Számos különböző tulajdonság van, amelyek manipulálhatók a CSS használatával. Keressen egy webhelyet, akit szeretne, és megtekintheti a forrásfájlt. Ha a belső fejcímkéknek van egy CSS fájlneve, kattintson rá, hogy megtekinthesse az elemekhez rendelt különböző tulajdonságokat és értékeket.

Figyelmeztetések

A HTML és a CSS-kódok másolása segít Önnek a képzésben, de saját tervezői ötleteit kell használnia. Valaki más design használata lopás és plágium.