CSS zadaci

ZADATAK 1

Napraviti CSS style sa selektorima body, h1 , h2, p. U selektoru

body navesti da razmak teksta od ivica sekcija kao I razmak
između sekcija na stranici bude 20px, 3 tipa familije font-a
Arial, Verdana, sans-serif. Boja teksta h1 treba da bude
DarkCyan, hex kod boja teksta za h2 #ee3e80 i definisati sivu
boju teksta za p sa rgb vrednostima. Testirati style sa
navedenim selektorima.
REŠENJE ZADATAK 1
 ZADATAK 2

Napraviti CSS style sa selektorima body, h1 , h2, p. U body

selektoru navesti da boja pozadine stranice bude siva
(definisana sa rgb), boja fonta bela, razmak teksta od ivica
sekcija kao I razmak između sekcija na stranici bude 20px,
familija fontova Arial, Verdana, sans-serif. Za selektore
h1 ,h2,p treba da se razlikuje boja pozadine. H1 boja
DarkCyan, h2 hex kod #ee3e80, p boja svetlija nijansa sive.
Za svaki selektor treba primeniti opciju nasleđivanja razmaka
sekcija. Testirati style sa navedenim selektorima.
REŠENJE ZADATAK 2
 ZADATAK 3

 Napraviti CSS style

sa selektorima body,
div i p kao na Slici.
 Širina i visina div
tag-a 300x300px, p
tag-a 200x200px.
 ZADATAK 4

• Napraviti html stranicu kao

na
slici koristeći border-style atribut.
ZADATAK 5

 Ivica polja 2px, solid,

crvena boja; razmak između
polja 1 i 3, 2 i 4 15px;
razmak između 1 i 2, 3 i 4
5px; razmak u polju od ivice
15px
 Ivica polja 2px, solid,
crvena boja, razmak u polju
od ivice 15px
ZADATAK 6
 REŠENJE ZADATKA 6

 <
html > < head>
 < t i t le> Zadatak 6 < / t i t le>
 < style>
 img. large {
 width: 500 px;
 height: 500 px;}
 img. medium {
 widt
 h: 250 px;
 heig
 ht: 250 px;}
 img. small {
 widt
 < / head> h: 100 px;
 < body> heig
 ht: 100 px;}
< img src=" i m a g e s / magnolia - large. jpg" class=" large" alt="
 < img src="</ i>/mstyle>
Magnolia" a g e s / magnolia - medium. jpg" class=" medi um"
 alt=" Magnolia" / >
 < img src=" i m a g e s / magnolia - small. jpg" class=" small" alt="
Magnolia" / >
 < / body>
 < / html >