| PROIECTARE SITE WEB > DOCUMENTATIE - CSS - Stiluri dedicate
|
Proiectare Site si Web Design - Standardul CSS
Stiluri dedicate
Aceste stiluri se aplica blocurilor de text pentru care sunt definite
si apelate pe loc. De
exemplu:
<H3
style= "text-align:right; color:#429EF7;">
In acest exemplu, stilul va determina toate titlurile
H3 din paginile HTML care fac apel la acest stil sa apara in browser
in culoarea specificata si aliniate la dreapta.
Daca dorim ca acelasi stil sa fie utilizat de catre
mai multe elemente-tag (de ex. "H2", "H3", "P"
si "DIV"), atunci fie se utilizeaza o lista cu aceste
elemente (separate prin virgula) in sectiunea <style>...</style>
din header-ul documentului (delimitat de marcajele <HEAD>...</HEAD>),
asociindu-i-se elementele de stil comune, fie se va utiliza
stilul in mod explicit in cadrul fiecarui tag, ca mai sus.
Exemplu
cu lista de stiluri in HEAD-er:
<style>
H2, H3, P {text-align:right; color:#429EF7;}
</style>
Exemplu
cu fiecare element de stil definit si apelat in cadrul tagurilor luate
separat:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<title>Stil dedicat inline</title>
</head>
<body>
<H2
style= "text-align:right; color:#429EF7;">text</H2>
<p style= "text-align:right; color:#429EF7;">text</P>
<H3 style= "text-align:right; color:#429EF7;">text</H3>
</body>
</html>
Explicitarea a fost facuta, asadar, in momentul utilizarii
acestora. |
Creare
si actualizare site