Cum să adăugați CSS. CSS extern. Elementul link. Secțiunea head. Proprietatea margin-left.
Partajeaza in Google Classroom
Partajeaza cu Google Classroom
Susține Lectii-Virtuale!
Memorator: Descriere video Descarcă PDF
Cum să adăugați CSS
Când un browser citește o foaie de stil, acesta va format documentul HTML în conformitate cu informațiile din foaia de stil.
Trei modalități de a insera CSS
Există trei moduri de inserare a unei foi de stil:
Cu o foaie de stil extern, puteți schimba aspectul unui întreg site web schimbând doar un singur fișier!
Fiecare pagină HTML trebuie să includă o trimitere la fișierul de stil extern din interiorul elementului <link>, în secțiunea head.
Exemplu:
Stilurile externe sunt definite în elementul <link>, în secțiunea <head> a unei pagini HTML:
Fișierul .css extern nu trebuie să conțină nicio etichetă HTML.
Iată cum arată fișierul "mystyle.css":
Când un browser citește o foaie de stil, acesta va format documentul HTML în conformitate cu informațiile din foaia de stil.
Trei modalități de a insera CSS
Există trei moduri de inserare a unei foi de stil:
- CSS extern
- CSS intern
- CSS inline
Cu o foaie de stil extern, puteți schimba aspectul unui întreg site web schimbând doar un singur fișier!
Fiecare pagină HTML trebuie să includă o trimitere la fișierul de stil extern din interiorul elementului <link>, în secțiunea head.
Exemplu:
Stilurile externe sunt definite în elementul <link>, în secțiunea <head> a unei pagini HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<h1>Acesta este un titlu</h1>
<p>Acesta este un paragraf.</p>
</body>
</html>
O foaie de stil extern poate fi scrisă în orice editor de text și trebuie salvată cu o extensie .css.Fișierul .css extern nu trebuie să conțină nicio etichetă HTML.
Iată cum arată fișierul "mystyle.css":
"mystyle.css"
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20px;
}
Notă: Nu adăugați un spațiu între valoarea proprietății și unitate (cum ar fi margin-left: 20 px;). Modul corect este: margin-left: 20px; Navigare în lectii
Cumpara abonament
Ajutor
Feedback-ul d-voastră este important pentru noi. Dacă observați vreo neregulă vă rugăm să ne-o semnalați apăsând butonul Trimite Feedback de mai jos.
