Serifen sind die kleinen Querstriche an den Enden der Buchstaben. Hier findest du zur Veranschaulichung ein paar Bilder.
Das Wissen dieser Seite ist hilfreich, um die CSS-Eigenschaft font-family besser zu verstehen, insbesondere den Wert serif.

Bildquelle: Eliashedberg, CC BY-SA 3.0, via Wikimedia Commons
Beispiel 1: Römische Gedenktafel in der archäologische Stätte von Herculaneum (heutige Bezeichnung des Ortes: Ercolano, südlich von Napoli)

Beispiel 2: Römische Wandmalereien in der archäologische Stätte von Pompeji (heutige Bezeichnung des Ortes: Pompei, südlich von Napoli)

Warum und wie sind die Serifen entstanden? Darüber herrscht bei den (Schrift-)Gelehrten keine Einigkeit. Wenn du dich mit diesem Thema vertieft beschäftigen möchtest, kann ich dir folgenden Beitrag sehr empfehlen:
Warum die Serifen doch nichts mit dem Meissel zu tun haben, von Ralf Herrmann, typografie.info