Links mit CSS gestalten

Spass haben mit CSS, ...

... das gilt besonders bei diesem Thema! Arbeite dieses Quiz durch, du lernst dabei die wichtigsten Eigenschaften über Links besser kennen, um noch kreativer damit umzugehen.

 

1. Nicht übertreiben!

Links kann man mit CSS beliebig gestalten. Trotzdem sollte man es nicht übertreiben. Warum?

 

2. HTML pur für Text-Links

HTML alleine stellt mit Text-Links schon eine ganze Menge an, bevor CSS zum Einsatz kommt.
Was macht HTML?

 

3. Linktext nicht unterstreichen

Ich möchte den HTML-Standard, welcher die Texte in Links automatisch unterstreicht, mit CSS loswerden.
Welche CSS-Regel setze ich dafür ein?

 

4. Was ist ein "Rollover"?

Eigentlich ist der Begriff "Rollover" recht ungenau, obwohl er so oft eingesetzt wird.
Besser und genauer wäre:

 

5. a:hover

Welche Aussagen über die Pseudo-Klasse :hover sind richtig?

 

6. Links als Buttons

Ich möchte einen Link mit CSS visuell in einen Button "verzaubern". Welche CSS-Eigenschaften braucht es dafür mindestens?

 

7. Links mit Klasse

Ich möchte den Rollover-Zustand nur auf ganz bestimmte Links anwenden und setze dafür die CSS-Klasse mit Namen "myClass" direkt in den Links ein. Wie lautet der korrekte CSS-Code dafür?

 

8. Genug Platz für das Fingerbeeri

("Fingerbeeri" = schweizerdt. für Fingerkuppe)
Sind Links zu klein, wird das Antippen mit dem Finger auf Touchscreens mühsam. Wie kann ich erreichen, dass auch Links auf mobilen Geräten benutzerfreundlich sind?

 

9. Zu wenig Platz für das Antippen

Zu kleinflächige Links sind benutzerunfreundlich (s. letzte Frage). Der fehlende Platz für das Fingerbeeri hat auch eine weitere, sehr mühsame Konsequenz. Welche?

 

10. Das Gesicht des Cursors

Auf normalen Compis kann man das Symbol des Cursors mit CSS bestimmen. Welches der Code-Schnippsel gibt es nicht?