Scribd Logo
Upload

Welcome to Scribd!

  • Uvod U css1502181301043485022

    Uploaded by

    Ajla
    17 views15 pages
    jjj

    Original Title

    uvod_u_css1502181301043485022

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    jjj

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    17 views15 pages

    Uvod U css1502181301043485022

    Uploaded by

    Ajla
    jjj

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    of 15

    UVOD U CSS

    CSS (ENG. CASCADING STYLE SHEETS)


     Do sada smo rekli za XHTML/HTML:
    „Vrsta opisnog jezika kojim se prikazuje izgled i sadržaj
    web-stranice”

     Služi prikazivanje izgleda (prezentacije) web


    dokumenta (stranice)
    CSS (ENG. CASCADING STYLE SHEETS)
     Današnje stranice su razdijeljene na „slojeve”:
    CSS (ENG. CASCADING STYLE SHEETS)

     Najvažnije prednosti:

     Smanjenje prometa – jedna CSS datoteka se može primijeniti


    na tisuće HTML stranica

     Lakše održavanje – sav izgled stranice je upisan na jednom


    mjestu
    CSS (ENG. CASCADING STYLE SHEETS)
     CSS se može biti dio HTML datoteke ili zasebna datoteka
    za sebe

     Kao dio HTML datoteke:


    <head>
    <style type="text/css">
    <!-- ovdje dolazi css -->
    </style>
    </head>
    PRIMJER
    <head>
    <style type="text/css">
    p { color:blue; }
    <style>
    </head>

    <body>
    <p> Ovo je odlomak plave boje!</p>
    </body>
    OSNOVNI POJMOVI

    p {color : blue;}

    Selektor Vrijednost
    Svojstvo (na što želimo
    (opisna oznaka
    (što želimo promijeniti)
    koju mijenjamo)
    promijeniti)
    NEKA TEKSTUALNA SVOJSTVA
     veličina fonta:
     font-size
     vrsta fonta:
     font-family
     debljina fonta (podebljanje)
     font-weight
     stil:
     font-style
     poravnanje teksta:
     text-align
     uvlačenje teksta:
     text-indent
    KLASE
     se koriste kada želimo imati veću kontrolu nad stilom
    oblikovanja

     do sada ako smo promijenili boju odlomku, onda smo svim


    odlomcima promijenili boju

     klase nam omogućuju da stil primijenimo točno tamo gdje


    nam je to potrebno
    KLASE-DEFINIRANJE
     Klasu definiramo tako da odaberemo proizvoljno ime
    ispred kojega stavljamo točku

     Pr:

    <style type=„text/css”>
    .crveno {color:red;}
    .zeleno {color:green;}
    </style>
    KLASE
     ako želimo pridružiti neku opisnu oznaku klasi moram joj
    upisati atribut class

    <p class=„crveno”>Ovo je crveni odlomak</p>


    <p class=„zeleno”>Ovo je zeleni odlomak</p>

     vrijednost atributa class je ime klase bez točke


    POZADINSKE SLIKE

    <style type= "text/css">


    body {
    background-image:url(put_do_slike);
    }
    </style>
    OSTALA SVOJSTVA POZADINE

    Svojstva Vrijednosti Značenje


    no-repeat nema ponavljanja
    background-repeat
    repeat-x ponavljanje po osi x
    repeat-y ponavljanje po osi y
    10px 60px pomak za 10px od lijeve
    strane i za 60px od vrha
    background-position
    strane
    HIPERVEZE (LINKOVI)
     linkovi imaju 4 stanja:

    Stanje Značenje
    link novi neposjećeni link
    visited već prethodno posjećen
    link
    hover stanje linka kad je
    pokazivač nad njim
    active stanje linka u trenutku
    pritiska na njega
    HIPERVEZE (LINKOVI)
     svako stanje se zasebno može urediti:

    a:link {color:red;}

    Pseudo-element, dio
    elementa nad kojim se želi
    napraviti promjena

    You might also like