sadržaj uvod u web dizajninformatika.ff.uns.ac.rs/.../uploads/2017/03/uvod-u-css.pdfuvod u css...
TRANSCRIPT
Uvod u CSS
Zoltan Geller
2017
Uvod u web dizajn 1.1.
2.2.
3.3.
SadržajSadržaj
Osnovni pojmoviOsnovni pojmovi-- CSSCSS --
Osnovni pojmoviOsnovni pojmovi-- OpOpšti izgled šti izgled CSSCSS pravila pravila 1 1 --
Osnovni pojmoviOsnovni pojmovi-- OpOpšti izgled šti izgled CSSCSS pravilapravila 22 --
Osnovni pojmoviOsnovni pojmovi-- OpOpšti izgled šti izgled CSSCSS pravilapravila 33 --
Osnovni pojmoviOsnovni pojmovi-- OpOpšti izgled šti izgled CSSCSS pravilapravila 44 --
Osnovni pojmoviOsnovni pojmovi-- Osnovne vrste selektoraOsnovne vrste selektora --
VRSTA SELEKTORA PRIMER
UNIVERZALNIUNIVERZALNI
SVI ELEMENTI DOKUMENTA*
ELEMENTELEMENT
SVI ELEMENTI DATOG TIPAh1, h2, p, ul, ol, ...
##IDID
ELEMENT SA DATIM IDENTIFIKATOROM#okvir
..KLASAKLASA
SVI ELEMENTI KOJI PRIPADAJU DATOJ KLASI.bitno
ELEMENT.KLASAELEMENT.KLASA
SVI ELEMENTI DATOG TIPA KOJI PRIPADAJU DATOJ KLASI
p.bitno
Osnovni pojmoviOsnovni pojmovi-- Osnovne vrste selektora Osnovne vrste selektora -- primeriprimeri 1 1 --
Osnovni pojmoviOsnovni pojmovi-- Osnovne vrste selektora Osnovne vrste selektora –– primeri 2primeri 2 --
Osnovni pojmoviOsnovni pojmovi-- Osnovne vrste selektora Osnovne vrste selektora –– primeri 3primeri 3 --
Osnovni pojmoviOsnovni pojmovi-- Osnovne vrste selektora Osnovne vrste selektora –– primeri 4primeri 4 --
Osnovni pojmoviOsnovni pojmovi-- Osnovne vrste selektora Osnovne vrste selektora –– primeri 5primeri 5 --
Osnovni pojmoviOsnovni pojmovi-- Osnovne vrste selektora Osnovne vrste selektora –– primeri 6primeri 6 --
Osnovni pojmovi Osnovni pojmovi -- HTML i CSS HTML i CSS --
Osnovni pojmovi Osnovni pojmovi -- UgraUgrađeni (đeni (inlineinline) CSS ) CSS --
Osnovni pojmovi Osnovni pojmovi -- Unutrašnji (Unutrašnji (internalinternal) CSS ) CSS --
Osnovni pojmovi Osnovni pojmovi -- Spoljašnji (Spoljašnji (externalexternal) i CSS ) i CSS --
1.1.
2.2.
3.3.
SadržajSadržajBoja i fontBoja i font-- Boja Boja 1 1 --
CRVENA 630-700NARANDŽASTA 590-630
ŽUTA 560-590ZELENA 490-560PLAVA 450-490
LJUBIČASTA 400-450
Boja i fontBoja i font-- Boja Boja 2 2 --
RREDED GGREENREEN BBLUELUE
Boja i fontBoja i font-- Boja Boja 3 3 --
RedOrangeYellowGreenBlue
Violet
Red rgb((255, 0, 0)
Orange rgb(255, 165, 0)
Yellow rgb(255, 255, 0)
Green rgb( 0, 128, 0)
Blue rgb( 0, 0, 255)
Violet rgb(238, 130, 238)
Boja i fontBoja i font-- Font 1Font 1 --
Boja i fontBoja i font-- Font Font 2 2 --
Boja i fontBoja i font-- Font Font 3 3 --
1.1.
2.2.
3.3.
SadržajSadržaj
-- Boja i fontBoja i font 1 1 -- -- Boja i fontBoja i font 2 2 --
-- Veličina slova 1 Veličina slova 1 --
VREDNOST OPIS
smallsmall mala slova
mediummedium normalna slova
largelarge velika slova
24px24pxabsolutna veličina:
12 piksela
1.25em1.25emrelativna veličina:
1.25 puta trenutna veličina
75%75%relativna veličina:
75% trenutne veličine
-- Veličina slova 2 Veličina slova 2 --
-- Stil i debljina Stil i debljina 1 1 --
VREDNOST OPIS
normalnormal normalna slova
italicitalic iskrivljena slova
obliqueoblique iskošena slova
-- Stil i debljina Stil i debljina 2 2 --
VREDNOST OPIS
normalnormal normalna slova (400)
boldbold podebljana slova (700)
100,100, 200, 300, ... 900200, 300, ... 900 vrednost debljine
-- Poravnanje Poravnanje --
VREDNOST OPIS
leftleft levo poravnanje
centercenter centralno poravnanje
rightright desno poravnanje
jjuuststiifyfy obostrano poravnanje
-- Mala/velika slova Mala/velika slova --
VREDNOST OPIS
nonenone normalna slova
uppercaseuppercase velika slova
lowercaselowercase mala slova
capitalizecapitalize prvo slovo veliko
-- Pozadina Pozadina --
Uvod u CSS
Zoltan Geller
2017
Uvod u web dizajn