Hogyan lehet összekapcsolni css stílusokat a HTML kódot a weboldal, ingyen-site-master

Jó napot kívánok.

De nem vette figyelembe egy nagyon fontos kérdés. Nevezetesen - hogyan kötődnek CSS stílusokat HTML kódot az oldalak oldalunkon.

Ez a kérdés valójában nagyon fontos. Elvégre, ha azt megfelelően kösse css stílusokat az oldalakat az oldalunkat, akkor nem lesz képes használni ezt a stílust. A böngésző egyszerűen figyelmen kívül hagyja őket, és nem fogjuk látni az eredményt, amely lehetővé teszi a használatát a különböző stílusokat.

Snap CSS stílusokat kódlapoknak különböző módokon és ma fogjuk vizsgálni őket.

A kapcsolat jellegétől Cascading CSS stílusokat HTML dokumentum megkülönböztetni a belső és külső stíluslapok.

1. A belső CSS stíluslapok.

Belső stíluslapok található közvetlenül a honlapunkon. Igen, igen. Csak belül a HTML-kód minden egyes oldalt.

Ez minden bizonnyal egy kicsit kényelmetlen, de még mindig ez a lehetőség, és nem tudok mondani róla.

Tehát, az első utat köti CSS stílusokat a kódot az oldal - használat tag , Ez vonatkozik a teljes tartalmát a HTML-dokumentum. Lehetnek bármilyen szám, bár az összes stílus az egész oldalon. De ez egy kicsit rossz. Ez megmondja egy kicsit alacsonyabb, ha figyelembe veszem a külső stíluslapot.

Néha meg kell majd regisztrálni css-stílusok a HTML kódot.

Ahhoz, hogy ezt a banner display megfelelően (nem kap ki a kijelölt határokat, talán szüksége van egy keret, stb), néha meg kell kötődni, hogy néhány css-utasításokat.

De hogy a változások az általános táblázatban nincs értelme a stílus. Banner - egy átmeneti jelenség. Ma, holnap újabb. Így könnyebb neki felírni stílusok közvetlenül a kódot a banner.

Azaz, meg kell, hogy tartalmazza a CSS stílusokat csak egy adott oldal elemet. Ez nagyon egyszerű - segítségével a style attribútum.

Stílusok előírt így járnak el az elemet, ahol vannak elrendezve tag. Ebben az esetben csak e bekezdés (tag

). És semmi más!

2. Külső stíluslapok.

Név alatt a külső CSS stíluslapok kívánják nyilvántartásba nem a szervezetben a HTML dokumentum, hanem egy külön speciális fájl. Ezek a fájlok kiterjesztése .css

Tehát, ahogy ígérte, és azt mondta, hogy miért jobb, hogy egy külső stíluslapot.

Az a tény, hogy lehetővé teszi egy kicsit gyorsabban betölteni oldalakat a webhelyen. Tegyük fel, hogy egy másodperc töredéke alatt, de gyorsabb. Ez csökkenti a terhelés az oldalon, és sokkal kényelmesebb a látogatók - meg kell várni az oldalak betöltését kevesebb.

Miért történik ez.

Csatolása CSS stíluslap fájlt egy weboldalra kétféleképpen.

Az első módszer a legelterjedtebb - az, hogy a címke attribútumokkal: rel = "stylesheet" type = "text / css" href = "stiley.css file" oldalon a fejlécben kód (tag ).

Ezek a példák tulajdonít az oldalt, CSS stílusok, előírt a style.css fájlt. Úgy működik az egész dokumentumot.

Van egy másik módja, hogy csatolja a külső stíluslapok HTML dokumentumot. Ez a használat @import irányelvet. Ez lehetővé teszi, hogy a behozatali CSS-fájl tartalma az aktuális stíluslap.

Akkor tudja használni, mint a hozzá némi stíluslapot a többi, és csatolja a stíluslap fájlt egy HTML dokumentum. Erre a célra szükséges regisztrálni a tag