Szerző:
Eric Farmer
A Teremtés Dátuma:
3 Március 2021
Frissítés Dátuma:
1 Július 2024
Tartalom
- Lépések
- 1 /2 -es módszer: Külső stíluslap beállítása
- 2. módszer 2 -ből: Belső stíluslap beszúrása
- Tippek
- Figyelmeztetések
A hipertext -jelölési nyelv (HTML) határozza meg, hogy milyen elemek vannak jelen egy weboldalon. A Cascading Style Sheets (CSS) programozási nyelv leírja, hogyan kell kinézni ezeknek az elemeknek.A CSS -fájl hozzáadható a HTML -hez külső (a CSS külön fájlként kerül hozzáadásra) vagy belső stíluslapként (a CSS -t a HTML -fájl tartalmazza). Ismerje meg, hogyan ágyazhatja be a CSS -t egy HTML -fájlba a webhely újratervezéséhez.
Lépések
1 /2 -es módszer: Külső stíluslap beállítása
1 Hozzon létre egy CSS -fájlt. Készítsen és mentsen egy ".css" kiterjesztésű CSS -fájlt. 
2 Töltse fel a CSS -fájlt webhelyére.
3 Másolja a CSS -fájl címét (URL -jét). A webhely címe valahogy így fog kinézni: www.sajatwebhely.com/stylesheet.css. - Jó gyakorlat az elsődleges domain név eltávolítása az URL -ből. Ennek alapján a http: //sajat.com/css/default.css cím "/css/default.css" -re rövidül. Ne felejtse el beírni a kezdő perjelet ("/"). Ezt relatív útnak nevezik.
4 Illessze be a linket a fájlba. Keresse meg a / head> címkét a HTML -fájlban, és hozzon létre egy üres sort közvetlenül felette. Illessze be ebbe a sorba LINK rel = stylesheet type = "text / css" href = "www.your_site.com / stylesheet.css">, és cserélje le a "www.your ..." linket a CSS fájlban. 
5 Mentse el a HTML -fájlt, és töltse fel a webhelyre.
6 Győződjön meg arról, hogy az oldalon minden úgy néz ki, ahogy kell. Ellenkező esetben nyissa meg újra a HTML -fájlt, keresse meg a hibákat és hajtsa végre a módosításokat.
2. módszer 2 -ből: Belső stíluslap beszúrása
- 1 Címke stílus létrehozása>. Nyissa meg a HTML -fájlt, és keresse meg a / head> címkét. Adjon hozzá néhány üres sort fölé, és írja be a következőt:
STYLE type = "text / css"> / STYLE> 
1 Illessze be az összes CSS -t a két címke közé.
2 Mentse el a HTML -fájlt (.html kiterjesztéssel).
3 Győződjön meg arról, hogy az oldalon minden úgy néz ki, ahogy kell. Ellenkező esetben hajtsa végre a kívánt módosításokat.
Tippek
- Mindig ellenőrizze a webhely megjelenését különböző böngészőkben és különböző operációs rendszereken. Néhány böngésző kissé eltérő módon kapcsolódik a CSS -hez. Ez akár ugyanabban a böngészőben is megtörténhet, de a Mac és a Windows különböző verzióiban. Ha webhelye másként néz ki egy másik böngészőben (például egyes objektumok, például listák közötti távolság eltérő méretű), akkor a probléma az, hogy a böngésző beállításai. Keresse meg a fő stíluslapot, és illessze be a CSS -fájl tetejére az alapértelmezett böngészőbeállítások módosításához. Ez azért történik, hogy a beállítások ne változtassanak semmit a böngészőben.
- Ha lehetséges, helyezzen be egy külső stíluslapot. Ez lehetővé teszi a webhely megjelenésének megváltoztatását a forrásfájl kódjának módosításával. Így nem kell módosítania a CSS -t webhelye minden oldalán.
- Ha webhelye nem a várt módon reagál a CSS-re, ellenőrizze kétszer a teljes kódolást, és győződjön meg arról, hogy helyesen van-e írva. Különösen figyeljen a pontosvesszőre (";") és a zárójelekre ("}"). Elég könnyű kihagyni egy ilyen karaktert egy CSS fájlban.
- Mentse el a HTML-fájlt a számítógépére, hogy később megnyithassa azt különböző webböngészőkben, és ellenőrizze a megjelenését, mielőtt letöltené. A betöltéshez azonban a CSS -fájlt külső stíluslapként kell beilleszteni a HTML -kódba.
- Ha a stíluslap ellentmond önmagának - például először azt mondja, hogy a szöveg kék lesz, majd azt, hogy piros lesz - az utolsó feltétel mindig teljesül. Ha az egyik parancs külső stíluslap, a másik pedig belső stíluslap, akkor a belső stíluslap aktív lesz.
Figyelmeztetések
- Ne használjon "nyitott" átmeneti CSS -t, azaz a HTML -címkében szereplő CSS -t. (Példa: "align = 'center'" egy nyitott CSS -beállítás). Ez egy elavult lehetőség, rossz szintaxissal. Ha egy idő után frissítenie kell a webhelyet, ezt a beállítást nehéz lesz megváltoztatni.
