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:
<div style="width: 80%; border: 3px solid #888888;">Continut</div>
#un_id { transform: skew(20deg, 25deg); -ms-transform: skew(20deg, 25deg); /* IE 9 */ -webkit-transform: skew(20deg, 25deg); /* Safari and Chrome */ }
var rightnow = new Date(); alert( rightnow.toString() );
$arr = arra("abc", "<p>xyz</p>", "<em>PHP</em>"); // aplica functia strip_tags() ca sa stearga tag-urile HTML din fiecare element din %arr $arr = array_map("strip_tags", $arr); }
On Saturday I visit my grandparents. - Sambata imi vizitez bunicii.
Sábado visito mis abuelos. - Sambata imi vizitez bunicii.