Web Design Web Design | Page 9

SCIENCE SERIES 9

CSS inline

CSS inline nu inseamna nici mai mult nici mai putin decat CSS in interiorul tagului HTML.. Folosind CSS-ul sub aceasta forma vom pierde toate avantajele pentru care a fost creat si anume pontru a nu amestega tagurile HTML cu formatarea si prezentarea lor. Exista totusi si avantaje in a folosi CSS-ul in aceasta maniera dupa cum vom vedea. Dar mai intai sa vedem cum anume se poate introduce CSS intr-un tag HTML.

HTML

<p style="text-align:right;color:green;font-family:'times new roman';margin-left:15px;">Acesta este un paragraf formatat cu ajutorul CSS.</p>

Observatie:

Dupa cum se observa în exemplul anterior valoarea fontului este o valoare compusa din trei cuvinte. In acest caz in loc de ghilimele duble am folosit ghilimele simple pentru a evita conflictul cu ghilimele duble folosite pentru a incapsula valoarea atributului style.

Sa mai aruncam o privire peste exemplul in discutie:

CSS

style="text-align:right; color:green; font-family:'times new roman'; margin-left:15px;"

Daca am folosii acelasi tip de ghilimele peste tot, browser-ul ar intrerpreta sfarsitul valorii inainte de vreme. Iata bucata de cod CSS care va fi interpretata de browser:

CSS

style="text-align:right; color:green; font-family:"

Restul codului CSS fiind ignorat.