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:
<table></tr> <td>Cell-1</td><td>Cell-2</td> </tr></table>
h3 { background-image: url("image.jpg"); }
var arr = [1, "ab", "CoursesWeb.net"]; for(var i=0; i< arr.length; i++) { alert(arr[i]); };
$arr =["k1"=>"v1", "k2"=>"v2", "k3"=>"v3"); foreach($arr AS $k => $v) { echo "<br/>". $k ." - ". $v; }
He is so kind and meek. - El este atat de amabil si bland.
Tu padre tiene un carácter muy manso. - Tatal tau are un caracter foarte bland.