webhely létrehozása
2. lépés csatlakoztatása CSS
Ahhoz, hogy hozzá egy stíluslap egy weboldalt, számos módja van, hogy különböznek a funkciók és célját. Ezután megvizsgálja, hogyan lehet csatlakozni a CSS.
Táblázat kapcsolódó stíluslap
Ha táblázatstílusokat kapcsolódó leírása szelektor és tulajdonságaik található egy külön fájlban, általában kiterjesztése css, és bevonni a dokumentumban a fájl használt címkét . Ez a címke kerül a tartályba
. amint azt a 2.1 példában.Példa 2.1. Csatlakozás az asztal kapcsolatos stílusok
A címkeparaméterek - rel és típusa változatlan marad, mivel meghatározott ebben a példában. Href argumentum megadja az elérési utat a CSS-fájlt, akkor lehet meghatározni, mint viszonylag és abszolút. Megjegyzendő, hogy ezen a módon tud csatlakozni egy stíluslap, ami a másik oldalon.
Tartalom fájl mysite.css összekötött tag lásd például a 2.2.
Példa 2.2. Fájl stílus
H1 szín: sötétkék;
font-size: 200%;
font-family: Arial, Verdana, sans-serif;
text-align: center
>
P padding-left: 20px
>
Táblázat A globális stílusok
Ha a globális táblázatstílusokat CSS tulajdonságok leírása a dokumentum maga, és általában található a fejlécben a weboldal. Rugalmassága és ily módon hozzá stílust gyengébb az előző, hanem lehetővé teszi, hogy helyezze az összes stílus egy helyen. Ebben az esetben, közvetlenül a szervezetbe a dokumentum, a tartály
Ebben a példában a meghatározott stílus tag
Ebben a példában a címke stílusban
Ebben a példában az első 36 gyűjtő által adott méretét piros pixelek segítségével a belső stílust és a következő - zöld a globális táblázatstílusok.
import CSS
A jelenlegi stíluslapot, akkor importálni a tartalmát a CSS-fájlt a @import parancsot. Ez a módszer lehet használni együtt a táblázat kapcsolatos vagy globális stílusok, de nem a beépített stílusok. Összességében ez a szintaxis.
@import url ( "fájlnév") típusú média;
@import „fájlnév” média típusok;
Miután @import kulcsszó megadja az elérési utat a stílus fájlokat az alábbi két módon - az url irányelv, vagy anélkül. Példa 2.6 megmutatja, hogyan kell importálni a stílus egy külső fájlt egy táblázatot a globális stílus.
Példa 2.6. CSS importálja a globális stílus lap
2. fejezet
Ez a példa azt mutatja, header.css fájl kapcsolatot. amelynek székhelye nevű mappa stílusban.
Hasonlóképpen, az import és fordul elő a stílus egy fájl, amely aztán csatlakozik a dokumentum (példa 2.7).
Példa 2.7. Import táblázat kapcsolódó stíluslap
@import "/style/print.css" print;
@import "/style/palm.css" kézi;
BODY font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
háttér: fehér;
szín: fekete
>
Ez a példa mutatja a tartalmát mysite.css fájlt. amelyet hozzáadunk a szükséges dokumentumokat a bemutatott módon a 2.1 példában, nevezetesen, a címke használatával .
Mintegy média típusok említett szintaktikai @import magyarázza tovább.