Elementele id şi class

Elementele id şi class

id şi class sunt comenzi care dau unei formatări CSS un nume. Se folosesc atunci când dorim să aplicăm un style de formatare unei anume zone. Pentru compatibilitate cu versiunile anterioare de browsere, numele asociate zonelor nu vor conţine caracterul _

Elementul id se aplică unui style de format o singură data sau la o singură etichetă HTML, plasându-se un nume acelui style. Acest element necesită existenţa comezilor CSS în zona HEAD sau într-un fişier extern.

Exemplu: utilizarea elementului id

Cod:

<html>
<head>
<title>Exemplu 2_1</title>
<style type="text/css">

</style>
</head>
<body>
<p id="albastru">Text albastru introdus prin id "albastru"</p>
Text negru
</body>
</html>

Elementul class este similar cu id dar spre deosebire de acesta poate fi folosit de mai numeroase ori sau pentru zone mai mari. Ca şi la id necesită existenţa comezilor CSS în zona HEAD sau într-un fişier extern.

Exemplu: folosirea elementului class:
Cod:

<html>
<head>
<title>Exemplu 2_2</title>
<style type="text/css">

</style>
</head>
<body>
<p class="rosu">Primul text rosu introdus prin class "rosu"</p>
Text negru
<p class="rosu">Al doilea text rosu introdus prin class "rosu"</p>
</body>
</html>