CSS

Besedilo lahko oblikujemo tudi v HTML datoteki, tako da v prvi znački, pred znakom “>” v atributu “style”zapišemo lastnosti, ki jih želimo spremeniti, npr.

<p style="color: blue"> Besedilo.</p>

To bo izgledalo takole:

Besedilo.

Besedilo.Slabost urejanja v HTML datoteki je to, da ne moremo enotno za npr. vse besedilo, ali pa za vse podnaslove določiti istih lastnosti in moramo v vsaki znački pred besedilom določiti lastnosti, ki jih želimo. V CSS datoteki, pa lahko za vse naslove določimo lastnosti in se tako poenoti.

Kot pri HTML-ju, tudi pri CSS-ju uporabljamo programe kot npr. Notepad++, Sublime Text, Rapid CSS Editor, itd. Opise teh stilov lahko pripravimo v posebni datoteki, ki se mora končati z “.css” (npr. spletna.css). CSS spletnemu brskalniku pove, kako naj prikaže HTML dokument.

Preden lahko začnemo pisati CSS datoteko moramo HTML datoteki v glavi napisati naslednjo značko, zato da bo datoteka HTML lahko prebrala CSS datoteko.

<link rel="stylesheet" href="spletna.css">

V spodnji tabeli so prikazane najpomembnejše lastnosti prikaza besedila, ki jih lahko prilagodimo v CSS-ju.

LastnostiOpis
colorbarva besedila
text-alignporavnava besedila
font-familytip pisave besedila
font-weightodebelitev besedila
font-sizevelikost pisave
Tabela 1: Lastnosti prikaza besedila.

V spodnji tabeli so prikazane najpomembnejše lastnosti prikaza ozadja.

LastnostiOpis
background-colorbarva ozadja
background-imageslika ozadja
background-sizevelikost slike ozadja
Tabela 2: Lastnosti prikaza ozadja.

Primer

Koda napisana v CSS datoteki. In besedilo “Besedilo je modre barve, poravnano je na sredini, tip pisave je Arial in velikost besedila je 20 pikslov, ozadje je svetlo modre barve.” v HTML datoteki bo na spletni izgledalo 

p{
    color: blue;
    text-align: center;
    font-family: arial;
    font-size: 20px;
    background-color: white;
}

Besedilo je svetlo modre barve, poravnano je na sredini, tip pisave je Arial in velikost besedila je 20 pikslov, ozadje je svetlo modre barve.

Več lastnosti lahko najdete tukaj.

Ko rešite vprašanja ponovitev CSS-ja izdelajte spletno stran, navodila najdete pod izdelovanje spleten strani.

Projektna naloga 4 © 2021 by  Tia Vrhovec is licensed under CC BY-NC-SA 4.0