Informatică Baze de date
Selectoare CSS exemple 10a
Selectoarele CSS definesc elementele HTML cărora li se aplică stiluri. Pentru clasa a 10-a, exemplele includ selectoare de tip, clasă și ID. De exemplu, p { color: blue; } schimbă culoarea textului pentru toate paragrafele.
Selectoare de bază
- Selector de tip h1 { font-size: 24px; } - aplică stiluri tuturor elementelor <h1>.
- Selector de clasă .buton { background-color: green; } - stilizează toate elementele cu class='buton'.
- Selector de ID #header { border: 1px solid black; } - stilizează elementul cu id='header'.
Exemple combinate
- Selector de descendență div p { color: red; } - afectează toate elementele <p> din interiorul unui <div>.
- Selector de pseudo-clasă a:hover { text-decoration: underline; } - schimbă stilul linkurilor când mouse-ul trece peste ele.
- Selector de atribut input[type='text'] { width: 200px; } - stilizează doar câmpurile de tip text.
Testează selectoarele într-un editor online ca să vezi imediat efectele pe elementele HTML.