حجم CSS وhover

font-size حجم النص. width عرض الصندوق. الحجم منفصل عن اللون: واحد يأخذ مكاناً والآخر يلون.

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

:hover هو التنسيق الذي يعمل والمؤشر فوق العنصر. حين يغادر المؤشر يرجع اللون السابق. هذا يجعل الزر يبدو قابلاً للنقر.

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

هل :hover ظاهر دائماً؟ لا. فقط والمؤشر فوق العنصر.

أين يُكتب font-size؟ داخل المحدد: h1 { font-size: 28px; }.

هل يقص width النص؟ يحد عرض الصندوق. إذا لم يتسع النص فقد ينزل إلى السطر التالي.

هل يوجد hover في الهاتف؟ قد يظهر قليلاً والاصبع ضاغط. اللون الأساسي يجب أن يُقرأ بلا hover.