好的网站设计通常与好的排版有关。由于网站的大部分内容都是以文本形式呈现的,因此能够使文本样式既有吸引力又有效,这是作为网站设计师必须具备的一项重要技能。
您在网页中看不到这种视觉样式,因为默认情况下,浏览器会在段落下方显示带有空格的段落,以显示结尾处和结尾处的开头,但是如果您要对网页进行样式设置以具有该打印效果,受启发的段落上的缩进样式,可以使用text-indent style属性来实现。此属性的语法很简单。这是在文档的所有段落中添加文本缩进的方式。一种可以精确指定要缩进的段落的方法是,可以将一个类添加到要缩进的段落中,但这需要编辑每个段落才能向其添加一个类。这是低效的,并且没有遵循HTML编码的最佳做法。
相反,您应该考虑缩进段落的时间。您缩进直接在另一个段落之后的段落。为此,您可以使用相邻的兄弟选择器。使用此选择器,可以选择紧接另一个段落的每个段落。您还可以将text-indent属性和负值一起使用,以使行的开始像普通的缩进一样向左移而不是向右移。如果一行以引号开头,则引号字符会出现在段落左侧的很小的空白处,并且字母本身仍然可以形成很好的左对齐,则可以执行此操作。
通常在网站设计中,您使用边距或填充值来移动元素并创建空白。但是,这些属性将无法实现缩进的段落效果。如果将这些值中的任何一个应用于段落,则该段落的整个文本(包括每一行)都将被隔开,而不仅仅是第一行。