Kaskadiniai stiliaus lapai naudojami HTML puslapio turiniui formatuoti. Atitinkamai, visos CSS naudojamos komandos skirtos bet kokių HTML dokumento elementų išvaizdai redaguoti.
Tai būtina
Kompiuteris su interneto ryšiu
Nurodymai
1 žingsnis
Skaitykite apie tai, kaip naudojami kaskadiniai stiliaus lapai. Teksto formatavimas yra dažniausiai naudojama kaskadinių stiliaus lapų funkcija. Bet kuriame HTML dokumente yra daugybė tekstinės informacijos įvairiose jo dalyse. Tuo pačiu kiekviena puslapio dalis turėtų turėti savo formatą ir šriftą: teksto dalis yra meniu tekstas, kita - pavadinimas, trečia - pagrindinis puslapio tekstas ir kt. Norint formatuoti tekstinę informaciją, naudojamos komandos šrifto pavadinimui, dydžiui, svoriui ir kt.
2 žingsnis
Taigi pirmiausia atkreipkite dėmesį į šrifto šeimos stiliaus parametrą. Šis atributas leidžia nustatyti konkretų šios žymos šriftą. Šrifto pavadinimas rašomas po ženklu „:“. Šrifto dydžio stiliaus atributas naudojamas žymoje esančio teksto dydžiui nustatyti. Dydžio reikšmė taip pat rašoma po ženklu „:“ir nurodoma pikseliais, pavyzdžiui, „font-size: 20px“.
3 žingsnis
Atminkite, kad stiliaus parametrus galima susieti ir užrašyti kartu naudojant ženklą „;“. Tai naudinga, jei reikia nustatyti kelis vienos žymos parametrus.
4 žingsnis
Norėdami pakeisti teksto spalvą, naudokite stiliaus atributo spalvą. Spalvos pavadinimas rašomas standartiniu būdu: žalia, mėlyna, raudona ir kt. Ji taip pat turi galimybę nustatyti ne tik paties teksto, bet ir fono spalvą. Tam naudojamas atributas fonas-spalva, po kurio taip pat turi būti nurodyta pasirinkta spalva. Jei šios žymos srityje norite naudoti foną, o ne vaizdą, naudokite vaizdą, tada nurodykite fono paveikslėlio stiliaus parametrą, nurodydami po juo vaizdo šaltinį.
5 žingsnis
Susipažinkite su daugybe stiliaus atributų, kurie nustato puslapio elementų parametrus, kurie, visų pirma, apima užpildymą, kraštinę, plūdurą, padėtį.
6 žingsnis
Naudokite užpildymo parametrą, kad nustatytumėte paraštės, susietos su duota žyma, kiekį. Šiuo atveju ši vertė skaičiuojama iš kiekvienos pusės. Norėdami suformuoti šio lauko kraštą, nurodykite atributą border. Po dvitaškio krašto plotis rašomas pikseliais. „Float“ypatybė leis jūsų puslapio elementui plaukti į dešinę arba į kairę. Šiuo atžvilgiu šios savybės kriterijai yra kairieji arba dešinieji.
7 žingsnis
Jei jums reikia tiksliai išdėstyti objektą dokumente, naudokite pozicijos ypatybę. Puslapio elementas surandamas absoliučiai, pvz., „Padėtis: absoliutus; apačia: 50 taškų; dešinė: 10 taškų;“arba santykinai, atsižvelgiant į atstumą nuo puslapio kraštų.
