Wir haben ein wenig an Überschriften gearbeitet, aber in diesem Screencast werden wir uns intensiver damit beschäftigen. Überschriften sind ein verdammt wichtiger Aspekt jeder Website. Gut gemacht, unsere Freunde h1 bis h6 sollten fast jeden Überschriftenbedarf selbst auf einer komplexen Website abdecken. Manchmal ist jedoch die richtige semantische Wahl und die, die wir stilistisch wünschen, ein wenig unterschiedlich. Dafür werden wir bald eine Lösung haben.
Wir betrachten auch einige einfache Inline-Element-Stile wie fette/starke, kursive/betonte Tags, die innerhalb eines Absatzes verwendet werden, um sicherzustellen, dass sie gut aussehen.
Wir beenden die Betrachtung von Listen. Listen in Artikeln sollten wie Listen aussehen, mit entsprechenden Aufzählungszeichen und Nummerierungen. Aber der Abstand kann bei Listen etwas seltsam werden, sodass sie besondere Aufmerksamkeit erfordern. Besonders, wenn Sie Listen innerhalb von Listen haben können. Und Listen innerhalb von Listen innerhalb von Listen!
Gefällt mir der Vimeo-Video-Einbettungsplayer besser als der frühere Player!
Der alte linke Innenabstand sieht für einstellige Listenelemente gut aus, wird aber bei Listenelementen ab 10 seltsam aussehen.
list-style-position: inside;ist eine bessere Möglichkeit, dies zu handhaben. CodePen BeispielIn der Tat, das ist sauberer, als zu versuchen, alles mit „magischen Zahlen“ zu machen (z. B. hartcodierte Zahlen, die bei dieser speziellen Schriftart/Größe/was auch immer funktionieren, aber nicht genau zukunftssicher sind). Ich werde das in Zukunft ändern müssen.
Hey Chris, Lorem-Ipsum-Text ist viel einfacher zu erstellen, wenn Sie einfach den Snippet verwenden. Sie tippen einfach „lorem“ und drücken in Sublime Text 2 auf Tab, und es fügt eine Reihe von Dummy-Text ein.