Mi az a CSS, CSS alapjai

Mint bizonyára emlékeznek rá HTML - egy jelölőnyelv, de az alkotók annyira akarta azt, hogy javítsa az életét saytostroiteley hogy adunk hozzá elemek és paraméterek felelős a megjelenését a oldalcímkéket . . . és így tovább.

De egy bizonyos ponton az oldal kódja annyira nehézkes és nem olvasható, világossá vált - így vezet „a semmibe.” Aztán úgy döntött, hogy osztja az oldal elrendezését (HTML) és látványterv (CSS). Együtt, HTML és CSS engedjük csodákat, és ebben hamarosan látni.

Mi az a CSS

CSS (Cascading Style Sheets) - Cascading Style Sheets.

Style - egy sor paramétert, amely meghatározza a külső képviselete az objektumot. Tegyük fel például, szeretnénk minden a címek az első szintű (címkék

) Ugyanezen az oldalon volt egy piros szín, méret - 24, és már dőlt betűvel, és a következő oldalon kék lenne, méret - 12. A főcím - egy objektum, és a színe, mérete és súlya - paraméterek. Csak a tárgy beállításokat a különböző oldalak eltérő, azaz a különböznek stílusban.

Minden elem az oldalon lehet saját stílusát (bekezdések, fejezetek, vonalak, szövegek.). Stílus meghatározott elemek úgynevezett stíluslapot.

Ha több stílus (mint a példában fejlécek), akkor az egy lépcsőzetes beállítva egyetlen elemet. amely meghatározza a prioritási egy adott stílusban.

Előnyei CSS

  • CSS lehetővé teszi, hogy jelentősen csökkenti a kódot, és ez olvasható.
  • CSS lehetővé teszi, hogy meghatározza ezeket a paramétereket, amelyeket nem lehet beállítani csak a HTML nyelvet. Például, hogy távolítsa el az aláhúzás a linkeket.
  • CSS segítségével könnyedén módosíthatja az oldalak megjelenését. Képzeljük el, hogy tett egy oldalon 50 oldal, ahol minden címet a kék. Egy idő után, meg akarja változtatni a kék szín a zöld. Meg kell menni az összes 50 oldalt, és változtatni a színét a megfelelő attribútum. A CSS annyit kell tennie, csak egyszer a stíluslap.
  • A CSS kapcsolódó úgynevezett blokk elrendezés a helyszínen.

    • Itt az ideje, hogy a szavakat a cselekvésre, a következő leckét, és elkezdjük.

    Ha ezen az oldalon volt hasznos az Ön számára, segíthet a fejlesztési azáltal az alábbi linkek webhelyére.