Kaskádové štýly sa používajú na formátovanie obsahu stránky HTML. V súlade s tým sú všetky príkazy použité v CSS zamerané na úpravu vzhľadu akýchkoľvek prvkov dokumentu HTML.
Je to nevyhnutné
Počítač s pripojením na internet
Inštrukcie
Krok 1
Prečítajte si o tom, ako sa používajú kaskádové štýly. Formátovanie textu je najbežnejšie používanou vlastnosťou kaskádových šablón štýlov. Akýkoľvek dokument HTML obsahuje obrovské množstvo textových informácií v rôznych častiach. Každá časť stránky by zároveň mala mať svoj vlastný formát a písmo: súčasťou textu je text ponuky, druhou názov, treťou časťou hlavný text stránky atď. Na formátovanie textových informácií sa pomocou príkazov mení názov písma, jeho veľkosť, váha atď.
Krok 2
Najskôr si teda všimnite parameter štýlu rodiny fontov. Tento atribút umožňuje nastaviť pre túto značku konkrétne písmo. Názov písma je napísaný za znamienkom „:“. Atribút štýl veľkosti písma sa používa na nastavenie veľkosti textu obsiahnutého v značke. Hodnota veľkosti sa tiež píše za znamienko „:“a je uvedená v pixeloch, napríklad „font-size: 20px“.
Krok 3
Parametre štýlu môžu byť spojené a zapísané spolu pomocou znaku „;“. To je užitočné, ak potrebujete pre jednu značku nastaviť niekoľko parametrov.
Krok 4
Pomocou farby atribútu štýlu môžete zmeniť farbu textu. Názov farby sa píše štandardným spôsobom: zelená, modrá, červená atď. Má tiež schopnosť nastaviť farbu nielen samotného textu, ale aj farby pozadia. Na tento účel sa používa atribút farba pozadia, potom musí byť tiež označená vybraná farba. Ak chcete ako pozadie v oblasti tejto značky použiť obrázok, nie výplň, postupujte podľa parametra štýlu pozadia a obrázka a za ním zadajte zdroj obrázka.
Krok 5
Zoznámte sa s množstvom atribútov štýlu, ktoré nastavujú parametre prvkov stránky, medzi ktoré v prvom rade patrí výplň, orámovanie, plavák, poloha.
Krok 6
Pomocou parametra padding nastavíte veľkosť okraja, ktorý je viazaný na danú značku. V takom prípade sa táto hodnota počíta z každej strany. Ak chcete vytvoriť hranicu tohto poľa, zadajte atribút border. Za dvojbodkou je šírka hranice napísaná v pixeloch. Vlastnosť float umožňuje prvku na vašej stránke plávať vpravo alebo vľavo. Z tohto hľadiska sú kvalifikačné parametre tejto vlastnosti vľavo alebo vpravo.
Krok 7
Ak potrebujete presne umiestniť objekt na dokument, použite vlastnosť position. Lokalizuje prvok stránky absolútnym spôsobom, napríklad „position: absolute; bottom: 50px; right: 10px;“, alebo relatívnym spôsobom na základe vzdialenosti od okrajov stránky.
