HTML & CSS von Kopf bis Fuß, 2nd Edition

In drei leichten Schritten <span>s hinzufügen

<span>-Elemente geben Ihnen eine Möglichkeit, Inline-Inhalt auf gleiche Weise logisch zu trennen, wie Sie das mit <div>s für logische Blöcke machen können. Um uns anzusehen, wie das funktioniert, werden wir die Musikempfehlungen stylen, indem wir erst die <span>-Elemente um CDs und Interpreten einfügen und dann zwei CSS-Regeln schreiben, mit denen wir den <span>s Styling verleihen. Das machen Sie so:

1. Sie werden die CDs und die Interpreten in separate <span>-Elemente einbetten.

2. Sie werden das eine <span> zur Klasse »cd« hinzufügen und das andere zur Klasse »interpret«.

3. Sie werden Regeln erstellen, die die Klasse »cd« kursiv und die Klasse »interpret« fett stylen.