我们已经对标题做了一些处理,但在这个视频中,我们将更深入地探讨它们。标题是任何网站的重要组成部分。如果做得好的话,我们朋友 h1 到 h6 应该可以满足即使是复杂网站的几乎所有标题需求。不过,有时语义上的正确选择和我们想要的风格选择之间会存在一些差异。很快我们就会找到解决这个问题的方法。
我们还将探讨一些简单的内联元素样式,比如在段落中使用的粗体/strong 斜体/emphasis 标签,以确保它们看起来不错。
最后,我们来看看列表。文章中的列表应该看起来像列表,用相应的项目符号和编号。但是列表的间距可能会有点奇怪,因此它们需要格外注意。尤其是当列表中有嵌套列表的时候。还有嵌套的嵌套列表!
喜欢 Vimeo 视频嵌入,比之前的播放器好!
对于一位数的列表项来说,左填充看起来很好,但对于任何大于或等于 10 的列表项来说,看起来都很奇怪。
list-style-position: inside;
是一个更好的处理方法。 CodePen 示例的确,这比试图用“魔数”(例如,在特定字体/大小/任何东西下有效的硬编码数字,但不是完全面向未来的)来完成所有工作要干净得多。我将在将来更改它。
Hey Chris,如果您只使用代码段,Lorem ipsum 文本更容易做。您只需在 Sublime Text 2 中输入 lorem 并按 Tab 键,它就会为您粘贴一大堆虚拟文本。