nedjelja, 24.06.2007.
Uvod u css
Css,Cascading Style Sheets određuju kako će izgledati html kod, znači pomoću toga određujemo boje, fontove, slike itd..Css kod je lako razumljiv, i brzo se uči. Postoji 3 načina dodavanja css koda:
- izravno na određeni tag
- na cijeli dokument (unutar heada;najčešće se koristi)
- na cijeli dokument, linkanjem na neku vanjsku datoteku
Eto, sad prieđimo na izgled kod. Definirat ću tag body:
color: #fff;
background: black;
font-size: 14px;
font-family: Verdana;
}
Prva riječ označava tag na koji se css odnosi (body). Poslije toga ide vitičasta zagrada u kojoj se pišu atributi. Oni su određeni engleskim riječima, i prevođenjem se lako da skužiti o čemu se radi. Iza naziva formata dolazi dvotočka, a iza nje idu vrijednosti. Svaki atribut završava ; što označava kraj i poslije njega se može nastaviti s pisanjem drugih atributa.Poslije svih atriubuta potrebno je staviti zagradu za kraj određivanja atributa za body tag.
Pojašnjenje ovog koda gore:
color:#fff; - znači atribut je boja (color) a boja je u ovom slučaju bijela, koristio sam heksadekadski zapis boje, ali moglo je ostati i white. background: black; - određenje pozadine, crna boja; font-size: 14px; - veličina slova;u pikselima; font-family: Verdana; - font slova, verdana-jedan od člesto korištenih..
Eto, sad sam objasnio osnove css-a. Sada vidite kako bi to izgledalo ako primjenimo direktno na tag:
1. način
2. način
U slučaju da želite da se to primjenjuje na cijelu stranicu, ovako bi trebao izgledati kod:
<head>
<title> naslov stranice </title>
<style type="text/css">
body {
color: #fff;
background: black;
font-size: 14px;
font-family: Verdana;
}
</style>
</head>
<body>
Sadržaj
</body>
</html>
Ovaj način dati će isti rezultat kao i ovaj gore. Blogeri u uređivanju svog dizajna najčešće će se služiti ovim načinom.
3. način
Link do vanjse datoteke
Inače se taj način jnajviše koristi na web stranicama. To bi bilo to ukratko :D. Probajte, radite stranice, testirajte, uređujte, zabavljajte se, ako imate pitanje slobodno postavite..