Scribd Logo
Upload

Welcome to Scribd!

  • CSS Tabele

    Uploaded by

    Rade
    7 views9 pages

    Original Title

    CSS tabele

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views9 pages

    CSS Tabele

    Uploaded by

    Rade

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 9

    Povezivanje HTML-a i CSS-a:

    <head>
    Interni način <title></title>
    <style> CSS </style>
    </head>
    <head>
    Eksterni način <title></title>
    <link rel=“stylesheet“ href=“naziv css
    dokumenta sa ekstenzijom.css“>
    </head>

    Korištenje boja u CSS-u:


    postavlja boju teksta u Vrijednosti: ime boje,
    color zadatom tagu heksadecimalni zapis boje,
    RGB kod, RGBa kod

    postavlja boju pozadine u Vrijednosti: ime boje,


    background-color zadatom tagu heksadecimalni zapis boje,
    RGB kod, RGBa kod

    Vrsta Fonta u CSS-u:


    font-family postavlja vrstu Vrijednosti: nazivi fontova ili
    fonta font familija. (Internet kao izvor)
    Veličina fonta u CSS-u:
    Vrijednosti:
    * ključne riječi: (small,
    font-size postavlja veličinu medium, large / xsmall, xlarge);
    fonta * apsolutne jedinice: pikseli;
    * relativne jedinice: postotci,
    ems, rems.

    Debljina fonta:
    Vrijednosti:
    * ključne riječi: normal, bold,
    font-weight postavlja težinu (tj. bolder, lighter;
    debljinu) fonta * numeričke vrijednosti: od
    100 do 900.
    Ekvivalent normalu je 400.

    Stil fonta:
    font-style postavlja stil fonta Vrijednosti:
    * ključne riječi: normal, italic,
    oblique

    Poravnanje teksta:
    text-align koristi se za Vrijednosti:
    poravnanje teksta * ključne riječi: left,
    right, center, justify
    Razmak između slova:
    Vrijednosti:
    letter-spacing postavlja razmak * mjerne jedinice: pikseli,
    između slova tačke, em i rem.
    * ključna riječ: normal

    Razmak između riječi:


    Vrijednosti:
    word-spacing podešava razmak * mjerne jedinice:
    između riječi pikseli, tačke, em i rem.
    * ključna riječ: normal

    Visina retka:
    Vrijednosti:
    * mjerne jedinice: pikseli,
    line-height postavlja visinu retka tačke, em i rem.
    * Postotci i broj bez mjerne
    jedinice

    Velika i mala slova:


    text-transform prikazuje slova Vrijednosti:
    velikim ili malim * ključne riječi: uppercase,
    lowercase, capitalize, none
    Ukrašavanje teksta:
    text-decoration postavlja liniju tekstu Vrijednosti:
    (iznad, ispod i preko) * ključne riječi: underline,
    overline, line-through, none
    Vrijednosti:
    * boja sjene i vrijednosti
    text-shadow postavlja sjenu tekstu koje se dodjeljuju sjeni:
    (u pikselima) – horizontalno,
    vertikalno i radijus
    zamućenja– gray 5px 5px 5px

    Tabela nekih pseudoklasa:


    :link definiše izgled neposjećenog linka
    :visited definiše izgled posjećenog linka
    :hover definiše izgled linka kada se mišom pređe preko
    njega
    :active definiše izgled linka od trenutka klika pa do
    otpuštanja tastera
    :focus definiše element koji je trenutno u fokusu
    :enabled definiše elemente koji su omogućeni
    :disabled definiše elemente koji nisu omogućeni
    :checked definiše elemente koji su označeni

    Box model – boja pozadine:


    background-color postavlja boju pozadine Vrijednosti: ime boje,
    nekog elementa heksadecimalni zapis boje,
    RGB kod, RGBa kod
    Display:
    display mijenja tip elementa Vrijednosti:
    (blok u inline, i obratno) block, inline, block-
    inline

    Box model – širina:


    Vrijednosti:
    * mjerne jedinice za
    width definiše širinu elementa
    širinu: pikseli, tačke, em i
    rem.
    * Postotci i ključna riječ:
    auto

    Box model – visina:


    Vrijednosti:
    * mjerne jedinice: pikseli,
    height definiše visinu elementa tačke, em i rem.
    * Postotci i ključna riječ:
    auto

    Box model – padding:


    definiše razmak Vrijednosti:
    padding između ivice elementa * mjerne jedinice:
    i sadržaja koji se u pikseli, tačke, em i rem.
    njemu nalazi * Postotci
    Box model – margin:
    Vrijednosti:
    margin definiše razmak između * mjerne jedinice:
    dva elementa pikseli, tačke, em i rem.
    * Postotci

    Border – Okvir (stil):


    Vrijednosti:
    border-style definiše izgled okvira * ključne riječi: dotted,
    dashed, solid, double,
    groove, ridge, inset, outset

    Širina okvira:
    Vrijednosti:
    * ključne riječi: thin,
    border-width definiše širinu okvira medium, thick
    * mjerne jedinice:
    pikseli, tačke, em i rem.
    * Postotci

    Boja okvira:
    border-color definiše boju okvira Vrijednosti: ime boje,
    heksadecimalni zapis boje,
    RGB kod, RGBa kod
    Zaobljenost uglova – radius:
    Vrijednosti:
    border-radius koristi se da zaobli * mjerne jedinice:
    uglove nekog elementa pikseli, tačke, em i rem.
    * Postotci

    Prozirnost – opacity:
    koristi se da neki Vrijednosti:
    opacity element učini * Brojni opseg: od 0,0 do 1,0
    providnim

    CSS – pozicioniranje:
    određuje gdje će se Vrijednosti:
    position element naći u okviru * ključne riječi: static,
    stranice relative, absolute, fixed

    Tranzicije:
    Vrijednosti:
    transition-property predstavlja listu * ključne riječi: all i none
    atributa koje želimo * nazivi atributa koje
    da animiramo želimo da animiramo
    Vrijednosti:
    transition-duration određuje dužinu * Mjerne jedinice za
    trajanja animacije vrijeme: sekunde i
    milisekunde
    transition-delay određuje odgađanje Vrijednosti:
    početka animacije * Mjerne jedinice za
    vrijeme: sekunde i
    milisekunde
    transition-timing- definiše ubrzanje i Vrijednosti:
    function usporenje animacije * ključne riječi: linear,
    ease-in, ease-out, ease-in-out,
    ease, step-start, step-end
    transition obavlja sve navedene Vrijednosti:
    tranzicije u jednom * Navedene tranzicije.
    potezu

    Transformacije u CSS-u:
    transform koristi se za geometrijsku Vrijednosti:
    promjenu izgleda * Transformacije: translate,
    elementa rotate, scale, scew

    CSS – pozadine – background:


    background - određuje boju pozadine Vrijednosti: ime boje,
    heksadecimalni zapis boje,
    color RGB kod, RGBa kod
    background - postavlja sliku kao Vrijednosti:
    image pozadinu url (“naziv slike ili
    link”);
    background - određuje da li će se Vrijednosti:
    repeat ponavljati slika na * repeat-x
    pozadini * repeat-y
    * no-repeat
    background - određuje poziciju slike Vrijednosti:
    position * top / right / bottom /
    left
    background - određuje hoće li se Vrijednosti:
    attachment pozadinska slika * scroll / fixed
    pomijerati zajedno sa
    sadržajem stranice
    background - određuje veličinu Vrijednosti:
    size pozadinske slike contain / no-repeat /
    cover / 30% / 200px

    You might also like