Скинути презентацију
Отпремање презентације траје. Молимо да сачекате
1
(Cascading Style Sheets)
CSS (Cascading Style Sheets)
2
Kaskadni stilovi sadrži definicije stilova koje se primenjuju na elemente HTML dokumenta. stilovi definišu kako će elementi biti prikazani i gde će biti pozicionirani u okviru HTML dokumenta.
3
CSS stil se može dodati :
inline (definicija stila se vezuje za pojedini HTML element preko HTML atributa style) ugrađivanjem (interni stil – definicije stilova su sastavni deo HTML dokumenata, dodaju se u <head>) deo dokumenta pomoću taga <style>) povezivanjem (eksterni stil – definicije stilova su u odvojenom CSS dokumentu)
4
Cascading? Navedeni načini za kreiranje stila mogu biti istovremeno definisani za pojedinačne elemente Web strane . U tom slučaju, kreira se novi „virtuelni“ stil, koji se primenjuje sledećim redosledom: eksterni interni inline
5
Osnovna CSS sintaksa CSS predstavlja skup pravila, koja se pišu na sledeći način: selektor { atribut1: vrednost1; atribut2: vrednost2;} Npr: body { background –color: #c0c0c0;} selektor je HTML element <body>, atribut je background-color sa vrednošću #c0c0c0 (heksadecimalna oznaka za srebrnu boju) Selektor može biti HTML element, stil klasa, kao i pseudi klasa ili pseudo element.
6
Inline <html> <head>
<title>Primer za inline CSS stil</title> </head> <body style=“background-color:#c0c0c0;> <p>Ova stranica ima sivu pozadinu.</p> </body> </html>
7
Ugrađeni <html> <head>
<title>Primer za ugrađivanje CSS stila</title> <style type=“text/css“> body{background-color:#c0c0c0;} </style> </head> <body > <p>Ova stranica ima sivu pozadinu.</p> </body> </html>
8
Povezivanje <html> <head>
body {background-color:#c0c0c0;} still.css <html> <head> <title>Primer povezivanja eksternog CSS stila</title> <link rel=“stylesheet“ type=“text/css“ href=“stil.css“/> </head> <body > <p>Ova stranica ima sivu pozadinu.</p> </body> </html>
Сличне презентације
