Jegyzet css - css azonosítók

CSS azonosítók segítségével létrehozott kettőskereszt (#), majd a nevét az azonosító. Ez a név, valamint az iskolában, akkor találta ki magát, és a következő karaktereket tartalmazhatja a latin ábécé (AZ, az), számokat (0-9), kötőjel (-) és aláhúzás (_), de nem kezdődhet számmal vagy kötőjellel, majd egy számot. Összességében az alábbi szintaxist:

Stílusok alkalmazása HTML-id elem, csak ki kell jelölnie a címkejellemzőn id = „identifier_name”. ahol identifier_name. illetve, és neve is van feltalálta az azonosító,. De, ellentétben az osztály egy oldalon nem lehet két vagy több elem azonos id. ezért legyünk óvatosak, ha dolgozik azonosítókat.

Mint a neve is az osztály azonosító nevét mindig felelnek meg pontosan, hogy mit írnak az id attribútum. Például, ha van #sidebar azonosítója, szükséges, hogy írjon „sidebar” id = tag. helyett id = „oldalsáv”. id = "SIDEBAR" stb

Egy példa az azonosítók használatát a CSS

Az eredmény a böngészőben

Kombináld a CSS-azonosítók

Azonosítók kombinálható más szelektor (címkék, attribútumok, osztályok, stb), hogy határozza meg a stílust kell alkalmazni, ami HTML-elem az adott id. Az általános szintaxis:

Példa CSS azonosítókat társítva más szelektorok

Az eredmény a böngészőben

Félkövér szöveg zöld.

Lehet kérni: „De miért van szükség ilyen unió, mert minden oldalon, és így lehet, hogy jelenleg csak az egyik eleme egy bizonyos id»? És akkor részben igaza. Például, ha írunk az előző példa nem p # utolsó, de csak #Last - az eredmény ugyanaz lesz.

De ez nem szükséges, hogy van minden oldalon azonos ID fogják alkalmazni egy és ugyanaz az elem, nem igaz? Például, ha a példában helyett mi a HTML-kód a következő - a szöveg már nem lesz zöld, akkor csak egy merész:

  1. Mint tudod, a legtöbb böngésző alapértelmezett hozzá kis területen üres helyet a lap széleinél. Gondoljunk csak HTML, amely felelős a címke a területen, és távolítsa el őket.
  2. Hozzon létre egy három oszlopos oldalt. Hagyja, hogy a középső oszlop lesz a „gumi” szélesség, és az oldalsó - rögzített.
  3. Legyen minden a magassága egyenlő lesz a magassága a böngésző ablakot, függetlenül a felbontás és a képernyő mérete. Ehhez szükség van a magasság tulajdonság. ahol szükség lesz megragadni, és gondolj rá, mert ez nem olyan egyszerű az érdeklődés magas.
  4. Színezd az oldalt, amint az az eredménye leckét.

Kapcsolódó cikkek