| PROIECTARE SITE WEB > DOCUMENTATIE - CSS - Stiluri identificate
|
Proiectare Site si Web Design - Standardul CSS
Stiluri Identificate
Absolut toate elementele tag ale unui document HTML admit un atribut
universal numit "id". Acest atribut "id"
poate identifica prin valorile sale stilul utilizat de un tag HTML.
Pentru a utiliza un stil "identificat" procedam astfel:
1. In blocul <style>...</style>
introducem definitia stilului conform sintaxei:
<style>
#rosu {color: red}
</style>
2. In elementul (tagul) in care dorim utilizarea
locala a acestui stil, folosim atributul "id" care primeste
ca valoare numele identificator al stilului definit anterior. Exemplu:
<p
id="rosu">Acesta este un paragraf de text de culoare
rosie</p>
Daca dorim ca un stil "identificat" sa
fie aplicabil numai pentru anumite elemente ale documentului (de exemplu
"H3"), atunci in constructia (definitia) identificatorului
de stil va aparea acest element (aici "H3"), ca in exemplul
urmator:
<html>
<head>
<title>Pagina cu stil identificat</title>
<style>
H3#rosu {color:red; text-align:center;}
</style>
</head>
<body>
<H3 id=rosu>Acesta este un header de marime 3, centrat si
de culoare rosie</H3>
</body>
</html>
|