Home » Resurse Web Design » Notiuni de baza in CSS

 
 
 

Notiuni de baza in CSS

Ce este un CSS?

CSS este prescurtarea de la Cascading Style Sheets, si sunt coduri folosite la crearea (etichetarea) unei pagini web (ex: culoarea, marimea, fontul unui text, background si aranjarea in pagina, …)

Sintaxa CSS este structurata pe trei nivele:

1. fiind proprietatile etichetelor din documentul HTML, tip inline
2 este informatia introdusa in blocul HEAD, tip embedded
3. este reprezentat de comenzile aflate in pagini separate, tip externe.

Cea mai importanta sintaxa fiind sintaxa 1 si cea mai putin importanta este sintaxa 3.

Folosirea unui fisier extern sau nivel 3 care sa contina comenzi CSS este foarte practic deoarece poate fi utilizat in mai multe 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 fisierelor CSS este “.css”.

Exemplu de link intr-o pagina HTML:

<link rel=”stylesheet” type=”text/css” href=”fisier_css.css”>

Atributele folosite in link:

type – tipul de text ce contine comenzi CSS

href – locatia fisierului CSS

Comenzile de nivel 2 sau embedded sunt cele gazduite oriunde intre perechea de etichete conform sintaxei:

<style type=”text/css”>
<!–

.. comenzi CSS ..
–>
</style>

Atribute folosite:

style -specifica unde incepe si unde se termina blocul CSS

type – este folosit 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 aplicat codul CSS..
</eticheta>

Pot fi folosite si comentarii in codul CSS. Acestea pot fi introduse astfel:

/* Acesta este un comentariu scris in codul CSS */

Eticheta:

Comentariile sunt inchise

Ne pare rau, dar nu poti lasa un comentariu pentru acest post.

Resurse web design