Unsere Datenschutzrichtlinie wird in Kürze aktualisiert. Bitte sehen Sie sich die Vorschau an.

One-Page-Webseiten mit Bootstrap, LESS und Sass

Die Attribute des Cite-Tag anpassen

Testen Sie unsere 2013 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Cite ist ein HTML-Tag, das von Browsern bereits vorformatiert wird. Solche Formatierung können Sie jedoch mit eigenen Attributen überschreiben.
02:22

Transkript

Zu guter Letzt werden wir uns hier um dieses Zitat kümmern, das ist noch etwas zu klein geraten, aber das ist jetzt mit dem, was wir bisher schon erreicht haben, nur noch ein Kinderspiel. Das Spannende beim Zitat ist, dass es hier ein eigenes HTML-Tag dafür gibt, nämlich cite. Cite sorgt dafür, dass schon erste Formatierungen vorgenommen werden. Zum Beispiel diese leicht schräg gestellte der Schrift, also das Italic innerhalb der Schrift. Das werde ich jetzt mal beibehalten. Ich werde nur die Schriftgröße ändern. Damit wir unserem Thema des Kaskadierens innerhalb von Sass treu bleiben, werden wir jetzt hier, in unserem doch schon recht gewachsenen Bereich mal schauen, wo cite jetzt eigentlich hingehört. Es ist relativ einfach. Es gehört innerhalb meines well, und es gehört unterhalb meiner h1. D. h. Ich kann jetzt hier mit cite einfach beschließen, was cite beinhalten soll. Eigentlich geht es mir hier nur um die font size. D. h. Ich übernehme sie auch für cite, und passe dann die Größe allerdings noch an. Weil die Größe von h1, das wäre doch etwas zu massiv. Ich speichere das Ganze. Sehe mir das Ganze jetzt in Firefox an, und bin mit der Größe schon recht zufrieden. Allerdings gefällt mir jetzt diese prinzipielle Schrägstellung doch nicht so wahnsinnig gut. Wir werden jetzt den font style noch etwas anpassen. Beim font style werden wir sagen, normal. Schon ist es vorbei mit der Schrägheit. Ich kann zwar cite weiter verwenden, weil das nun einfach der passende Tag hierfür ist. Allerdings muss ich nicht gezwungenermaßen das übernehmen, was mir durch das HTML vorgegeben wird. Ähnlich wie bei normalize kann ich dann auch im kleinen Rahmen meine Anpassungen treffen.

One-Page-Webseiten mit Bootstrap, LESS und Sass

Erstellen Sie eine moderne Website im One-Page-Design, die mit wenigen Dateien auskommt und mit Effekten wie Parallax Scrolling aufwartet.

2 Std. 1 min (28 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!