CSS yra pakopinis stiliaus lapas, naudojamas kuriant vaizdinius elementus interneto išteklių puslapyje. CSS nurodytų objektų atvaizdavimas įgyvendinamas HTML žymėjimo kalba. Pačių kaskadinių lentelių negalima naudoti atskirai.
CSS naudojimas
CSS yra stiliaus kalba, įgyvendinanti HTML žymėjimo elementų atvaizdavimą. Kaskados lentelės leidžia tinkinti parinktis, kurių negalima pakeisti HTML. Pavyzdžiui, naudodamiesi stiliaus kalba, galite redaguoti šrifto stilių, spalvą. CSS leidžia nustatyti paraštes, linijas, užpildymą, plotį, padėties elementus ir atlikti tų parametrų išvestį, kurių neįmanoma įgyvendinti naudojant „gryną“HTML.
Kaskadinio stiliaus lapus palaiko beveik visos naršyklės ir jie naudojami beveik bet kuriame interneto šaltinyje. Jie valdo turinio rodymą naudojant nurodytą kalbą ir leidžia valdyti skirtingų laikmenų elementų rodymą.
Jei HTML naudojamas tik kaip puslapio teksto struktūrizavimo priemonė, CSS leidžia pritaikyti rodomo turinio rodymą.
CSS sintaksė ir jos įtraukimas į HTML kodą
Kuriant puslapį, geriau naudoti CSS, o ne HTML įrankius. Faktas yra tas, kad HTML iš pradžių neturėjo priemonių elementų spalvai redaguoti ir nebuvo skirtas nustatyti spalvų ir rodymo parametrų, todėl HTML aprašų naudojimas kuriant dizainą kai kuriuos žiniatinklio kūrėjus gali laikyti neteisingais.
CSS sintaksė skiriasi nuo HTML ir yra įtraukta į puslapio kodą per žymes. Taip pat galite integruoti CSS kodą, esantį atskirame faile, naudodami parametrų žymą:
CSS kodas turi tam tikrą sintaksę, kurios reikėtų griežtai laikytis, kitaip sugeneruoti stiliai nebus rodomi puslapyje. CSS kodo sekciją galima suskirstyti į 3 pagrindinius elementus: selektorių, ypatybę ir vertę. Šie punktai parašyti taip:
selektorius {nuosavybė: vertė; }
Selektorius nurodo rankeną, kuriai taikoma sugeneruota rodymo taisyklė. Ypatybės parametras apibrėžia redaguojamą elemento aspektą, o reikšmė - atitinkamą ypatybės parinktį. Pavyzdžiui, norint pakeisti antrojo lygio antraštės spalvą
HTML, galite pritaikyti šį kodą:
h2 {spalva: raudona; }
Šis kodas nustato raudoną teksto spalvą, esančią antrojo lygio antraštės apraše.
CSS naudoja standartinę HTML spalvų lentelę.
Be žymų naudojimo, galite naudoti ir vidines žymas. Pavyzdžiui:
Antraštė
Šis kodas yra identiškas aprašytam aukščiau, su tuo skirtumu, kad patys CSS parametrai buvo nustatyti redagavimui reikalingame apraše.