Beneficiile sintaxei CSS sunt:
- formatarea este introdusa intr-un singur 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 orice alt parametru) o are sintaxa de nivelul 1 iar cea mai mica importanta o are cea de nivelul 3.
Extensia acestor fisiere este .css.
Legatura paginilor HTML cu fisierele extene CSS se face prin introducerea urmatoarei linii:
Code: Select all
<link rel="stylesheet" type="text/css" href="fisier_css.css">
- type - tip text ce contine comenzi CSS
- href - fisierul sau adresa fisierului CSS.
Code: Select all
</head> conform sintaxei:
<style type="text/css">
<!--
... comenzi CSS ...
-->
</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:
Code: Select all
<eticheta style="codul CSS dorit">
</eticheta>
Este permisa folosirea comentariilor in CSS ca si in HTML:
Code: Select all
/* Acesta este un comentariu in CSS */