ScripTinG in HTML

bogdanutzz · Administrator Data inscrierii: 14/Noi/2010 Mesaje: 65

CSS, prescurtarea de la Cascading Style Sheets, sunt etichete utilizate pentru formatarea paginilor web (de exemplu formatare text, background sau aranjare in pagina, etc.).

Beneficiile sintaxei CSS sunt:

formatarea este introdusa intr-un solitar loc pentru tot documentul
editarea rapida a etichetelor
datorita introducerii intr-un singur loc a etichetelor se obtine o micsorare a codului paginii, implicit incarcarea mai rapida a acesteia

Sintaxa CSS este structurata pe trei nivele:
nivelul 1 fiind proprietatile etichetelor din documentul HTML, tip inline
nivelul 2 este informatia introdusa in blocul HEAD, tip embedded
nivelul 3 este reprezentat de comenzile aflate in pagini separate, tip externe

Cea mai mare importanta (suprascrie indiferent ce alt parametru) o are sintaxa de nivelul 1 iar cea mai mica importanta o are cea de nivelul 3.

Folosirea unui fisier extern sau indice 3 care sa contina comenzi CSS este deosebit de practic deoarece poate fi exploatat in mai numeroase situatii (mai multe fisiere HTML pot folosi acelasi fisier extern CSS) eliminand timpul necesar introducerii codului corespunzator in fiecare pagina si totodata editarea lor intr-un singur loc pentru mai multe fisiere.
Extensia acestor fisiere este .css.
Legatura paginilor HTML cu fisierele extene CSS se face prin introducerea urmatoarei linii:
<link rel="stylesheet" type="text/css" href="fisier_css.css">

Atributele indica urmatoarele: rel - fisierul este tip styleshhet
type - tip text ce contine comenzi CSS
href - fisierul sau adresa fisierului CSS.

Comenzile de grad 2 sau embedded sunt cele gazduite peste tot intre perechea de etichete <head> si </head> conform sintaxei:
<style type="text/css">

</style>

Unde style -specifica unde incepe si unde se termina blocul CSS iar type este întrebuințat pentru a ascunde de browserele vechi, care nu cunosc sintaxa CSS, continutul blocului style.

Comenzile CSS de nivel 1 sau inline sunt cele mai folosite, ele suprascriind orice alte comenzi CSS. Sunt amplasate in interiorul etichetelor HTML aflate in zona BODY si au sintaxa:
<eticheta style="codul CSS dorit">
...textul sau obiectul asupra caruia este fixat codul CSS...
</eticheta>

Este permisa utilizarea comentariilor in CSS ca si in HTML: