Tutorial CSS

Data publicarii: Martie 2006

Tutoriale » CSS » CSS - Notiuni de baza

CSS Mar 2006

CSS - Notiuni de baza

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

Pentru a crea un fisier css mai intai creati un fisier text, apoi ii redenumiti extensia din txt in css

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.

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 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 nivel 2 sau embedded sunt cele gazduite oriunde intre perechea de etichete <head> si </head> conform sintaxei:

<style type="text/css">
<!--
... comenzi CSS ...
-->
</style>

Unde style -specifica unde incepe si unde se termina blocul CSS iar 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>

Este permisa folosirea comentariilor in CSS astfel:

/* Acesta este un comentariu in CSS */

Sus

Tutoriale
17 Feb 2025  9:58 AM

Copyright © 2005-2023 Termeni si conditii
 
Comentarii:
Teodora
20-03-2013
Cum se fac fisierele css? Am incercat sa fac cu Notepad, dar la "Save as" nu exista extensia css? Multumesc pentru ajutor
Autor
26-03-2013
Setezi calculatorul "sa vezi" extensia fisierelor. Deschizi Notepad-ul si salvezi cu "Save as" ca fisier text. Apoi redenumesti fisierul cu extensia css. Ulterior editezi fisierul css cu un editor specializat gen Notepad++
Elena
23-03-2013
M-am apucat sa invat CSS din articolele tale. Siteul meu are mai mult "stil" de cand am adaugat formatarea css. Astfel am controlat fontul (size, family, weight) si fundalul (background). Am realizat ca folosind fisier css extern pot seta dintr-un singur loc modul de afisare pentru tot siteul. Merci
Ionela
08-04-2013
Pana acum formatam textul cu eticheta font dar citind in lectiile astea vad ca se poate si dintr-un alt fisier css. Cum ma sfatuiesti sa intocmesc proiectul la informatica cu metoda veche sau cu fisier css? merci. ionela
Autor
08-04-2013
Pentru formatarea fontului foloseste CSS plasat ori in zona head (nivelul 2) ori in fisier extern (nivelul 3).

Sus