Introducere în foi de
stil în cascadă
Foi de stil în cascadă reprezintă o modalitate de a formata și a stiliza paginile
web în mod eficient. Sintaxa construcției acestora este fundamentală, iar
modurile de inserare a foilor de stil includ inline, interne și externe. De
asemenea, selectori și background-ul pot fi definite folosind CSS.
by Mur
Sintaxa construcției unei foi de stil
Structura de bază Atribute și Valori
Sintaxa CSS constă dintr-o selectare a Atributele sunt proprietățile pe care dorim să
elementului și o declarație de stil pentru acel le schimbăm, iar valorile specifică modul în
element. care aceste proprietăți ar trebui să se
comporte.
Reguli și Declarații Combinarea Selectoarelor
Fiecare regulă CSS este compusă dintr-un Sintaxa CSS ne permite să combinăm
selector și o declarație care specifică cum ar selectoare pentru a stiliza elementele în mod
trebui să arate elementul selectat. specific sau grupuri de elemente.
Moduri de inserare a foilor de stil
Inline: Stiluri CSS definite direct în elementele HTML, folosind atributul style.
Interne: Stiluri CSS definite în antetul documentului HTML, folosind eticheta
Moduri de inserare a foilor de stil
1 Inline
Stilurile CSS pot fi inserate direct in interiorul etichetelor HTML.
Moduri de inserare a
foilor de stil - Interne
Foile de stil interne sunt incluse direct în fișierele HTML și sunt definite în
secțiunea head a documentului.
Această metodă oferă avantaje în ceea ce privește gestionarea stilurilor și
cache-ul, dar poate crește dimensiunea fișierului HTML.
Moduri de inserare a foilor de
stil - Externe
Creare fisier separat
În cazul folosirii foilor de stil externe, stilurile CSS sunt scrise într-un fișier separat cu
extensia .css.
Referință în fișierul HTML
Fișierul CSS extern este apoi legat de fișierul HTML folosind tagul link în secțiunea
head a documentului HTML.
Reutilizare ușoară
Prin utilizarea foilor de stil externe, stilurile pot fi reutilizate pe mai multe pagini
web, asigurând consistență și ușurință în menținerea lor.
Selectori CSS
Selectori de Selectori de Selectori de ID Selectori de
Elemente Clasă Atribute
Selectează
Selectori care iau în Permite selectarea elementele bazate Permite selectarea
considerare tipul de elementelor în pe un ID unic elementelor în
element HTML, cum funcție de clasa pe atribuit fiecărui funcție de atributele
ar fi paragrafe, liste care o au atribuită. element HTML. acestora, cum ar fi
sau imagini. href sau src.
Proprietăți CSS pentru stilizarea
background-ului
Background-color Background-image
Această proprietate definește culoarea Permite adăugarea unei imagini ca
de fundal a unui element în stilul CSS. fundal pentru un element HTML.
Proprietăți CSS pentru stilizarea
background-ului
Culoare de fundal
Proprietatea background-color este utilizată pentru a specifica culoarea fundalului unui element.
Background-image
1 2
Adăugare Stilizare
Adaugare imagini de fundal Stilizare a background-ului cu imagini