CSS boyut ve hover

font-size yazının büyüklüğüdür. width kutunun enidir. Boyut renkten ayrıdır: biri yer kaplar, öteki boyar.

.title {
  font-size: 28px;
  width: 240px;
}

:hover imleç öğenin üzerindeyken çalışan stildir. El çekilince eski renk döner. Bu, düğmenin tıklanabilir hissettirmesini sağlar.

a {
  color: #93c5fd;
  font-size: 18px;
}
a:hover {
  color: white;
}

:hover her zaman görünür mü? Hayır. Yalnız imleç öğenin üstündeyken.

font-size nereye yazılır? Seçicinin içine: h1 { font-size: 28px; }.

width yazıyı keser mi? Kutunun enini sınırlar. Yazı sığmazsa alt satıra geçebilir.

Telefonda hover var mı? Parmak basılı tutunca kısa görünebilir. Ana renk hover olmadan da okunmalıdır.