webhely létrehozása

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.

Kapcsolódó cikkek