CSS választók, tulajdonságok és értékek

Ahogy vannak címkék HTML-ben. CSS a „választókat”. Selectors - a nevét a stílusok, amit meg a belső vagy külső stíluslapok. Ez a leírás középpontjában az úgynevezett HTML választókat. azaz hagyományos címkeneveket alkalmazunk szelektorai stílusok változtatni a bemutatása releváns HTML-elemeket.

Minden választó egy „tulajdonságok” belül meghatározott fogszabályozó. Tulajdonságok - ezek a kulcsszavak, mint a színes. font-weight vagy háttér színét. készítmények, amelyeket konkrét jelentése. Az ingatlan értékek vannak hozzárendelve a vastagbél és elválasztva:

Ez a példa létrehoz CSS-választó testület. amely meghatározza a két tulajdonság - font-méret és szín. amely megfelelő beállítása. Így, ha ezt a stílust össze van kötve egy HTML dokumentumba, a szöveg az elem belsejében (Ez tulajdonképpen az összes tartalom a fő böngésző ablak) jelenik betűméret 0.8em és sötétkék.

mértékegységek

Vannak különböző egységek, amelyek specifikusan az egyes CSS tulajdonságokat, de néhány közülük egyetemes és fel lehet használni sok a tulajdonságait, így velük, hogy megismerjék.

  • em (például, font-size: 2em) arra használjuk, hogy meghatározzuk a betűméretet. Tehát „2em” azt jelenti, hogy a megadott font kétszerese az alapértelmezett betűtípus.
  • px (például, font-size: 12px) egységet - pixel.
  • pt (például font-size: 12pt) egység - pontokat.
  • % (Például font-méret: 80%) a készülék - százalék.

Ha az érték nulla, akkor nincs szükség, hogy meghatározza a mértékegységet. Például, ha azt szeretnénk, hogy teljesen eltávolítani a keret kerek elem, akkor meg a „border: 0”.

Weboldal nem lehet statikus és teljesen átlagos. Ez rugalmasnak kell lennie. Ez azt jelenti, hogy a felhasználó számára lehetővé kell tenni, hogy néz ez, ami neki tetszik, különös tekintettel a betűméret és a képernyőn.

Ebben a tekintetben, úgy gondoljuk, hogy sokkal helyesebb, hogy az „em” vagy „%”, mint a betűméretet az egységek (és akár a magasság és a szélesség, ami megtudhatja a tankönyv „fejlett CSS”), mint a „px” ami azt jelenti, megváltoztathatatlan szöveg méretét a legtöbb böngésző és fel kell használni ritkán (például, hogy meghatározzuk a méretét elemek keretek).

Eltekintve HTML CSS választók is meghatározható szelektor osztályok és az azonosítókat. amely megtudhatja a tankönyv, a „CSS középkategóriás”.

Kapcsolódó cikkek