Ce face <style>
Tagul <style> se plasează de obicei în interiorul <head> și permite aplicarea de reguli CSS direct în pagină, fără a necesita un fișier extern.
Este util pentru stiluri rapide, teste sau pentru CSS critic necesar randării inițiale rapide a părții de sus a paginii (above-the-fold).
Atribute
| Atribut | Descriere |
|---|---|
media |
Specifică dispozitivul căruia i se aplică stilul (ex. „print” pentru tipărire, „screen” pentru ecrane). |
Exemple
Exemplul 1: Stilizarea unei casete direct în pagină
Codul CSS din interiorul tagului este interpretat și aplicat automat de browser.
<style>
.card-notificare {
background: #fdf0ec;
border-left: 4px solid #e34f26;
padding: 12px;
border-radius: 4px;
}
</style>
<div class="card-notificare">
Notă importantă despre HTML5.
</div>
Ce afișează browserul
O casetă cu fundal crem-portocaliu, bară laterală portocalie și textul: Notă importantă despre HTML5.
Greșeli frecvente
- Folosirea excesivă a tagului