Oglasi  
     




  Prijatelji  
     


 CSS TUTORIJALI

Uvod i prvi primjer

CSS je skraćenica od Cascading Style Sheets. Style (stil) definira kako prikazati HTML elemente. CSS vam može uštedjeti mnogo vremena i uz to poboljšati izgled i funkcionalnost vaših web stranica.

Style možemo pisati unutar <head> i </head> tagova ili u eksternim style stranicama. Češće korištena varijanta je pisanje CSS-a u eksternim stranicama. Ali mi ćemo prvo koristiti unutar <head> i </head> tagova radi lakšeg učenja, a kasnije ću vam objasniti kako se prebaciti na eksterni način rada. Ako želite imati CSS unutar head tagova, napišite ovo između <head> i </head>

<style type="text/css">

</style>


Između toga pišete vaš CSS kod. Npr. kao najjednostavniji primjer koristit ćemo ovo. Između dodajte ovaj kod:

body{color: red;}


S ovime ste promijenili boju teksta u crveno na cijeloj stranici. Sada probajte nešto napisati na vašu web stranicu. Gdje god nešto probate napisati bit će napisano crvenom bojom. To je bio najjednostavniji primjer. Evo sada primjer kako vam CSS može olakšati posao. Između <style type="text/css"> i </style> napišite sljedeće:


#primjer{
background-color:#003366;
padding: 20px;
border: 1px;
color: #FFFFFF;
height: 200px;
width: 400px;
}


i zatim između <body> i </body> upišite:

<div id="primjer"> Ja ucim CSS </div>


Sljedeći tutorijal: Vrste stilova

_________________________

Autor ovog tutorijala: Gogy

Copyright - Tutorijali.Net 2006 - 2012