Prispôsobenie značiek HTML pomocou pravidiel CSS - selektor HTML
Jedným z dôvodov, prečo je CSS tak populárny, je univerzálnosť, ktorú dáva značkám HTML. Aj keď nemôžete „vypnúť“ vstavané ovládacie prvky značky, môžete do značiek HTML pridať ďalšie ovládacie prvky, aby ste rozšírili ich užitočnosť. Urobíte to pridaním nových definícií CSS do selektora značiek. Použime HTML

značku pre náš príklad a my pridáme farbu pozadia, tvár písma, veľkosť písma a kontrolu farby textu

tag. To spôsobí všetko medzi otvorením a zatvorením

značky, ktoré budú kontrolované našimi novými definíciami na celej webovej stránke.

p {
farba pozadia: # 000000;
rodina fontov: arial;
veľkosť písma: 12px;
farba: #ffffff;
}

V našom príklade pravidlo CSS začína výberom HTML (p), za ktorým nasleduje blok deklarácie CSS obsahujúci všetky definície vlastností a hodnoty, ktoré chceme pridať. Ako obvykle, každá definícia začína vlastnosťou, za ktorou nasleduje dvojbodka, hodnota a končiaca bodkočiarkou. Celý blok je umiestnený v zložených zátvorkách. Pri písaní vlastných pravidiel CSS pre značky HTML je potrebné pamätať na niekoľko vecí.

  • Prispôsobené pravidlo CSS môžete umiestniť do značiek v hornej časti svojej webovej stránky.

  • Prispôsobené pravidlo CSS môžete umiestniť do externého súboru CSS.

  • Prispôsobené definície CSS, ktoré pridáte do konkrétneho selektora značiek, musia obsahovať vlastnosti, ktoré je možné pomocou tejto značky ovládať.

  • Pretože prispôsobené pravidlo umiestnite do hlavovej časti alebo externého súboru CSS, ovplyvní to celú webovú stránku. Ak potrebujete ovládať iba jednu jednotlivú značku HTML (jednu špeciálnu inštanciu značky), na túto jednotlivú značku by ste použili inline štýl.

  • Značka zachováva zabudované vlastnosti tejto značky HTML. Napríklad HTML tučným písmom sa bude naďalej uplatňovať tučný efekt na akýkoľvek text umiestnený medzi otvorením a zatvorením tagy.




Video Návody: Web Development - Computer Science for Business Leaders 2016 (Smieť 2024).