Külső stíluslapok és beágyazott CSS stíluslapok
Néhány dolog miatt a külső stíluslapok különböznek a beágyazott stíluslapoktól.

Beágyazott stíluslapok
Az előző oktatóanyagokban példákat látott a beágyazott CSS stíluslapokra, és megtudta, hogy a beágyazott stíluslap alapvető CSS kódja a címkékkel kezdődik és végződik. Ezen címkék között található a CSS-kód, amelyet minden választó (k) és a megfelelő tulajdonság-érték párok alkotnak. Végül a beágyazott stílus kerül a weboldal fejrészébe.

Példa



Külső stíluslapok
A külső stíluslapok kissé különböznek, mivel nincs kezdő és befejező címke. Valójában nem rendelkezhet HTML-címkével, kivéve a megjegyzéseket és a @import utasítást. Alapvetően egy szöveges fájl, amely csak a CSS-kódot tartalmazza.

Példa
test {háttér szín: #ffffff}

p {betűméret: 12pt; szín: # 000000; text-align: center}

Bármelyik megnevezheti a külső stíluslapot, de jó gyakorlat, ha a fájlnak nevét adja meg, amely tükrözi a CSS-kód célját. Például a CSS-kódot, amely szabályozza a weboldal menü linkeinek stílusát, elnevezhetjük: menu.css. Bár nem kötelező, a .css kiterjesztést kell használni a külső stíluslapokhoz.

A külső stíluslapok létrehozása után bármilyen weboldalon felhasználhatja őket, ha a címkébe vagy a @import utasításba helyezi a fejrészt.





Video Utasításokat: Responsive Design with Bootstrap by Neel Mehta (Lehet 2024).