👤

Bună. Am o problema legată de site-uri. Am făcut un buton, l-am centrat, i-am dat culoare, dimensiuni, dar, când încerc sa fac altele tot în aceeaşi pagină, primul buton preia culorile si dimensiunile celor pe care le creez după. Unde greşesc?

Răspuns :

CSS-ul funcționează așa:
Când scrii:
button{
color: red;
}
Se setează culoarea roșu la toate butoanele de pe pagină.
Dacă vrei să faci cu stiluri diferite, trebuie să folosești clase sau ID-uri. E mai ok cu clase(poți avea mai multe elemente pe pagină cu aceeași clasă, dar cu ID-uri nu, decât unul singur).

HTML:

<button class="buton1">Click aici 1</button>
<button class="button2">Alt buton</button>

CSS:
<style>
button{
font-size:20px; /*asta setează mărimea 20px la toate butoanele de pe pagină*/
}

.buton1{
color:red; /*Astea setează culoarea roșu doar la butonul cu clasa buton1*/
}

.buton2{
color:blue; /*Astea setează culoarea albastru doar la butonul cu clasa buton2*/
}
</style>