Html - lecke 3 a css stílusok összekapcsolása a sablonban
Tehát folytatjuk a html leckéket a kezdőknek. Az utolsó leckében arról beszéltem, hogy mi a DOCTYPE. tag HEAD, és hogyan állíthatja be a HTML-kód kódolását, valamint megadhatja a kulcsszavakat és leírásokat. Mit tanulunk ma? Ebben a leckében megtanuljuk, hogyan lehet stílusokat egy sablonhoz csatlakoztatni. Bővebben.
Hogyan csatlakoztathat stílusokat a sablonban? Először megismerjük a CSS-stílusokat. A CSS stílusok a HTML, az XHTML és az XML jelölőnyelvek segítségével írt WEB oldalak létrehozásának eszközei. Meghatározhatók, mint maga a HTML dokumentum. és kívülről csatlakozni, azaz. írja le külön fájlban. Mind az első, mind a második módszert vizsgálom. Gyakorlatilag minden weboldal és weboldal CSS-tervezési stílusokat használ.
1. A CSS stílusok összekapcsolásának módja - HTML dokumentumon belül vagy belső stílusok összekapcsolása.
Ha a stílusok nem szerepelnek külön fájlban, akkor meg kell adnia őket a címkén lévő dokumentumban. Példa a css-stílusok dokumentumon belüli összekapcsolására:
Az így összekapcsolt stílusok az egész dokumentumban érvényesek. de mi van, ha csak egy blokkot kell megadnod? Írja le a stílusokat egy adott blokkban (címke) a címke stílusának attribútumával. Példa a stílusok összekapcsolására egyetlen címke esetén:
Az így leírt stílusok nem befolyásolják a többi dokumentumcímkét.
2. Olyan módszer, amely lehetővé teszi a stílusok csatolását egy másik fájlból, vagy külső stílusok csatlakoztatását a bőrhöz.
Ha van stílusa egy különálló fájlban, akkor egy speciális sort kell csatlakoztatni. A teljes HTML-dokumentum stílusainak meghatározásához a címkét használjuk. amelyet a címkén belül kell elhelyezni. amiről a második leckében beszéltem. Ilyen kapcsolat például:
A stílusokat tartalmazó fájl elérési útját a címke ezen részében adjuk meg: href = "style.css" idézőjelben. A példában egy stíluslap csatolva van, amely ugyanabban a mappában található, mint a HTML-dokumentum.
A külső stílusok más módon is csatlakoztathatók - egy speciális @ import irányelv, amely a címkén található. Példa kapcsolat a @import irányelv használatával:
A stíluslap css. vagy inkább annak elérési útja, ebben a módszerben zárójelben van feltüntetve.
A második módszerben leírt stíluskapcsolatoknak feltétlenül a címkék között kell elhelyezkedniük.
Ha XML-dokumentumhoz CSS stíluslapokat kell tartalmaznia, akkor az alábbi sort kell használnia:
Ebben a kapcsolódási módban a stílusokhoz tartozó fájl elérési útvonala idézőjelekben van megadva.
Ma a lecke vége! Sikeres bevezetés és új ismeretek!
Szeretne Európába menni? Útlevélre van szüksége.