A CSS beágyazása a HTML 5-be - így készül
Könnyen integrálhatja a CSS-t a HTML 5-be. Mert ha a HTML és XML dokumentumokat grafikusan vonzóbbá szeretné tenni, akkor a Cascading Style Sheets (CSS) jó választás. A formázási nyelv számos lehetőséget kínál webhelye vizuális javításához. Alapvetően háromféle módon lehet integrálni a CSS-t a HTML 5-be. Ezt megmutatjuk Önnek ebben a gyakorlati tippben.
CSS a HTML 5-ben: 1. lehetőség - CSS fájl kiszervezése
Az első lehetőség a CSS áthelyezése külön fájlba. Ez számos előnnyel jár: A stíluslapok nem csak egy oldalra vonatkoznak, hanem automatikusan felhasználásra kerülnek minden HTML5 oldalon. A fő előnye a központi adminisztráció. Az összes oldalon gyorsan végrehajthatja a módosításokat. Hogyan lehet CSS-fájlt beágyazni a HTML 5-be:
- Hozzon létre egy új CSS fájlt.
- A fej területén keresse meg CSS-fájlját. Ebben az esetben a fájl neve stílus.css volt - de a nevezés természetesen egyedi:
- A style.css fájlt a webkiszolgáló fő könyvtárába kell mentenie.
- Sikeresen integrálta CSS-fájlját a HTML 5-be.
CSS a HTML 5 fájl elején
Ha nem akar létrehozni egy kiszervezett CSS fájlt, akkor a CSS tulajdonságait beállíthatja a HTML 5 dokumentum fejlécében is. Ezek csak akkor érintik ezt a HTML 5 fájlt, és nem az összes HTML 5 oldalt.
- Nyissa meg a HTML 5 dokumentumot
- Helyezze be a következő parancsot a fej területére:
- Most határozza meg a kívánt tulajdonságokat: Ez lehet például a fejlécek mérete, a szöveg színe stb. Használja az ismerős CSS parancsokat.
- Zárja be a parancsot, miután megadta a tulajdonságokat a gombbal.
- A megadott tulajdonságok elfogadásra kerülnek ennek a HTML 5 dokumentumnak.
CSS inline stílus: közvetlenül használja a parancsokat
A CSS HTML 5-be történő integrálásának utolsó módja az inline stílus. Ez azt jelenti, hogy a parancsokat közvetlenül a forráskódba kell beírni.
- Ugrás arra a pontra, ahol meg akarja változtatni a grafikus képernyőt.
- Írja be közvetlenül a CSS parancsokat. Például, ez így néz ki:
Kék alcím
- A tulajdonságot csak erre a parancsra használják.