Felhasználási módszerek css - studopediya

előző ◈ a következő

Lab № 4

Cél: kialakulását ismeretek létrehozásának HTML-dokumentumok segítségével Cascading Style Sheets.

Rövid elméleti információk

Mik stíluslapok?

Te alkottad az előző oldalakon, mert ők hozták létre, mielőtt amíg Cascading Style Sheets, vagy a CSS (Cascading Style Sheets).

A fő problémák a fejlesztők telek előtt a CSS:

pozicionálási probléma (oldal elrendezését). Annak ellenére, hogy elkezdte használni az asztalon (ők nebyli eredetileg erre a célra), még nem megoldott az összes problémát. Nem lehetséges, hogy hajtsa végre a következő:

- Nem lehet beállítani egy fix blokk mérete. Például egy szöveg blokk eloszlassa túlfolyó (akkor is, ha a táblázatban).

- Akkor nem lehet beállítani rögzített koordináta-blokk helyzetét az oldalon.

- Nem adhat hozzá egy egység a másikra. Például, próbálja, hogy csúszik a kép tetején egy tábla vagy más képeket.

A második probléma az volt, hogy minden alkalommal, amikor meghatározott oldalakon betűk méretét és színét, a tulajdonságait a sejtek a táblázat, stb Ez jelentősen növelte a méretét az oldalon, ami azt jelenti, hogy lassan töltődik be. Ha akarta, hogy változtatni a színét és a betűméretet, akkor meg kell szerkeszteni az összes oldalt.

A harmadik probléma az volt, hogy minden böngésző egyedi beállításokkal. Például, a böngésző, akkor növelheti a betűtípus, ami torzíthatja az egész oldalt.

CSS, ezeket a problémákat meg lehet oldani.

Tljárások CSS

Háromféle módon alkalmazásának stíluslapok:

Belső stíluslapok (Inline Style Sheets) - speciális attribútum kerül közvetlenül a HTML.

példa

példa

Mint látható, Soros Style Sheet kódot kap több, mint a HTML. Ezért az ISS csak akkor kell használni, ha meg szeretné adni egy adott elem saját egyéni stílusát.

Az opcionális style attribútum tudjuk meg a szükséges paramétereket bármilyen stílusban tag. Ez a legegyszerűbb módja, és belül működik egy tag. De elképzelhető, hogy mennyi megnöveli a fájl méretét, és hogyan kényelmetlen lenne helyes, ha mi adja a stílus minden tag.

Global stíluslapok (Global Style Sheets) - meghatározza az elemeket tartalmaz a teljes dokumentumot.

Ez használ tag