Cum să adăugați CSS. Fișe de stil multiple. Comandă în cascadă.
Partajeaza in Google Classroom
Teorie: Descriere video Descarcă PDF
Dacă unele proprietăți au fost definite pentru același selector (element) în foi de stil diferite, se va utiliza valoarea din ultima foaie de stil citită.
Presupunem că o foaie de stil extern (external style sheet) are următorul stil pentru elementul <h1>:
h1 {
color: navy;
}
Apoi, presupunem că o foaie de stil intern (internal style sheet) are, de asemenea, următorul stil pentru elementul <h1>:
h1 {
color: orange;
}
ExempluDacă stilul intern este definit după legătura cu foaia de stil extern, elementele <h1> vor fi "orange":
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style>
h1 {
color: orange;
}
</style>
</head>
Exemplu:
Cu toate acestea, dacă stilul intern este definit înainte de legătura cu foaia de stil extern, elementele <h1> vor fi "navy":
<head>
<style>
h1 {
color: orange;
}
</style>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
Comandă în cascadă
Ce stil va fi utilizat atunci când este specificat mai mult de un stil pentru un element HTML?
Toate stilurile dintr-o pagină se vor „încadra” într-o nouă foaie de stil „virtuală” după următoarele reguli, unde numărul unu are cea mai mare prioritate:
- Stil în linie (în interiorul unui element HTML).
- Fișe de stil externe și interne (în secțiunea cap).
- Setare implicită a browserului.
- Deci, un stil inline are cea mai mare prioritate și va înlocui stilurile externe și interne și valorile implicite ale browserului.