Scribd Logo
Upload

Welcome to Scribd!

  • Css Uvod

    Uploaded by

    Aleksandar Georgiev
    47 views3 pages
    css uvod

    Original Title

    css uvod

    Copyright

    © © All Rights Reserved

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    css uvod

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as doc, pdf, or txt
    47 views3 pages

    Css Uvod

    Uploaded by

    Aleksandar Georgiev
    css uvod

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as doc, pdf, or txt
    of 3

    CSS

    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>
    Vrste stilova
    Postoje interni, externi inline CSS style.

    Interni style
    - Piše se u head dijelu stranice. Evo primjera:

    <html>
    <head>
    <style type="text/css">
    .tablica {
    background­color: #006699;
    color: #FFFFFF;
    font­family: Tahoma; }
    </style>
    </head>
    <body>

    <div class="tablica"> Tutorijali.Net </div>

    </body>
    </html>

    Eksterni style
    - Ovaj način je najčešći. Piše su u externom fajlu. Otvorite notepad i napišite
    isto kao gore.

    .tablica {
    background­color: #006699;
    color: #FFFFFF;
    font­family: Tahoma; }

    Imenujte taj fajl npr. style.css

    Sada u HTML fajlu moramo povezati taj externi CSS Style sa našom
    stranicom. To ćete napraviti tako da dodate ovu liniju koda u head dijelu
    stranice:

    <link href="style.css" rel="stylesheet" type="text/css" />
    HINT: ako ćete tako povezati onda style.css mora biti u istom folderu u
    kojem je i stanica s kojom se povezuje inače morate ispred style.css dodati
    putanju do fajla.

    Inline style
    - Inline style se koristi na sljedeći način:

    <td style="background: blue; color: white;">Plava pozadina sa 
    bijelim tekstom.</td>

    You might also like