Codurile CSS pot fi scrise in interiorul paginii sau intr-un fisier extern cu extensia".css".
Codul CSS, ca forma generala, este alcatuit din: obiectul care va fi formatat. proprietatile acestuia si valoarea (sau atributele) fiecarei proprietati.
Cand este adaugat in documentul HTML, trebuie scris in cadrul unui tag <style> in sectiunea HEAD a documentului HTML, dupa cum se vede in formula generala de mai jos;
<html>
<head>
<title>Titlul</title>
<style>
.element {
proprietate:valoare;
alta_proprietate:valoare;
}
</style>
</head>
<body>
... Continut ...
</body>
</html>
- Observati sintaxa codului CSS. Perechile proprietate:valoare se scriu intre acoladele selector-ului CSS pe care-l definesc (aici .element), intre "proprietate" si "valoare" trebuie sa fie un caracter doua-puncte (:) iar la sfarsitul perechii se adauga un caracter punct-si-virgula (;)Exista trei tipuri principale de obiecte CSS: selector, clasa si identificator.
<!DOCTYPE html> <html> <head> <title>Titlul</title> <style> p { color:#0088fe; font-size:16px; } </style> </head> <body> <p>Un text oarecare in paragraf.</p> <p>Alt paragraf. Tutorial css.</p> </body> </html>
<!DOCTYPE html> <html> <head> <title>Titlul</title> <style> .cls_red { color:#ee0000; font-size:16px; } </style> </head> <body> <p class='cls_red'>Un text oarecare in paragraf cu clasa 'cls_red'.</p> <p>Alt paragraf, fara class.</p> <div class='cls_red'>Un Div cu aceeasi clasa: cls_red.</div> </body> </html>
<!DOCTYPE html> <html> <head> <title>Titlul</title> <style> #dv_id { color:#1234ee; text-align:center; } </style> </head> <body> <div id='dv_id'>Div cu ID: dv_id.</div> <div>Alt Div, fara ID.</div> </body> </html>
Obiectele CSS, indiferent de tipul lor, au in componenta urmatoarele elemente:
<dl> <dt>HTML</dt> <dd> - Hyper Text Markup Language</dd> <dd> - Limbaj de cod pentru pagini web</dd> </dl>
#id { visibility: hidden; }
document.getElementById("id").onclick = function(){ alert("http://www.MarPlo.net/"); }
if(isset($_REQUEST["id"])) { echo $_REQUEST["id"]; }
I believe in my path. - Eu cred in calea mea.
creer = a crede; camino = cale /drum; iluminación = iluminare