Logo Facebook8    Logo Youtube12     Logo twitter

Lectia 2 CSS | Fisier .css extern

Formatarea CSS poate fi continuta de un fisier extern.

Lucrul cu fisiere externe CSS este mult mai avantajoas deoarece poti modifica intregul design al site-ului schimband doar sintaxa CSS din respectivul fisier extern.

Gandeste-te la urmatorul exemplu:
Ai creat un site care contine cincizeci de pagini si doresti sa schimbi backgroundul intregului site. Daca nu ai creat un fisier CSS extern, va trebui sa editezi fiecare pagina HTML. Asta inseamna ca vei avea de facut cincizeci de modificari, dar daca ai creat un fisier CSS extern prin care site-ul comunica, tot ce trebuie sa faci este sa editezi doar respectivul fisier (o singura modificare).


Crearea unui fisier css extern:

Crearea unui fisier extern CSS se poate realiza cu ajutorul unui editor de text (notepad).
Deschide un editor de text si salveaza-l cu extensia ".css":
Salvare fisier css

Este recomandat ca fisierul CSS sa se afle in acelasi fisier cu site-ul.
Dupa ce ai creat fisierul CSS, trebuie sa scrii o anumita formatare CSS in el. Pentru inceput vei scrie urmatoarea formatare:

body{
background-color: gray;
}

Aceasta formatare va schimba fundalul site-ului. Salveaza din nou fisierul CSS.

Acum trebuie sa facem legatura intre paginile site-ului si fisierul CSS creat anterior. Pentru a face acest lucru trebuie sa editezi pagina site-ului si sa scrii dupa eticheta <head> urmatoarea linie de cod:
<link rel="stylesheet" type="text/css" href="/locatie_fisier_css.css">

Intre ghilimelele de la href, trebuie sa introduci locatia spre fisierul CSS creat.
Acum trebuie sa salvezi si cand vei deschide pagina site-ului, vei observa ca fundalul s-a schimbat.
Linia respectiva de cod care face legatura intre pagina si fisier trebuie adaugata in head-ul fiecarei pagini a site-ului.


 

Acest site foloseste cookie-uri.

Folosim cookie-uri pentru a vă asigura că aveti cea mai bună experiență pe acest site.

I understand
DESPRE NOI
World-IT este un site care are ca domeniu Tehnologia Informatiei(IT).
Acest site are ca prim scop introducerea persoanelor in acest domeniu. Mai multe informatii aici.

URMARESTE-NE 
Logo Facebook8  Logo Youtube12  Logo twitter