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:
<input type="date" name="set_date" value="2012-10-15" />
h2 { text-shadow: 2px 3px 3px #a0a1fe; }
var pags = ["lectii", "cursuri"]; pags.push("download", "tutoriale"); alert(pags[2]); // download
$lang =[10=>"PHP", 20=>"JavaScript", "site"=>"coursesweb.net"); ksort($lang); var_export($lang); // array ("site"=>"coursesweb.net", 10=>"PHP", 20=>"JavaScript")
He is bigger than his sister. - El este mai mare decat sora lui.
Él es más grande que su hermana. - El este mai mare decat sora lui.