175 6191 5976

添加官方微信

领创时代关于网站建设、青岛画册设计、青岛网站设计的观点和相关新闻 将我们的想法与焦点与你共享

CSS中使用text-indent缩进段落

2019-09-24 来源:小领

好的网站设计通常与好的排版有关。由于网站的大部分内容都是以文本形式呈现的,因此能够使文本样式既有吸引力又有效,这是作为网站设计师必须具备的一项重要技能。

 

您在网页中看不到这种视觉样式,因为默认情况下,浏览器会在段落下方显示带有空格的段落,以显示结尾处和结尾处的开头,但是如果您要对网页进行样式设置以具有该打印效果,受启发的段落上的缩进样式,可以使用text-indent  style属性来实现。此属性的语法很简单。这是在文档的所有段落中添加文本缩进的方式。一种可以精确指定要缩进的段落的方法是,可以将一个类添加到要缩进的段落中,但这需要编辑每个段落才能向其添加一个类。这是低效的,并且没有遵循HTML编码的最佳做法。

相反,您应该考虑缩进段落的时间。您缩进直接在另一个段落之后的段落。为此,您可以使用相邻的兄弟选择器。使用此选择器,可以选择紧接另一个段落的每个段落。您还可以将text-indent属性和负值一起使用,以使行的开始像普通的缩进一样向左移而不是向右移。如果一行以引号开头,则引号字符会出现在段落左侧的很小的空白处,并且字母本身仍然可以形成很好的左对齐,则可以执行此操作。 

通常在网站设计中,您使用边距或填充值来移动元素并创建空白。但是,这些属性将无法实现缩进的段落效果。如果将这些值中的任何一个应用于段落,则该段落的整个文本(包括每一行)都将被隔开,而不仅仅是第一行。

版权声明:转载此文章须经 领创时代 同意,并请附上 领创时代 及本页链接http://www.leadnov.com/newsItem.aspx?id=279
创造品牌视觉体验 X 创新IT技术赋能企业
领创帮助您创新品牌战略,让品牌成为最具价值的资产。
中国·山东 青岛市市北区郑州路43号橡胶谷A栋
热线:175 6191 5976
微信:leadnov
Copyright © 2018-2020 leadnov All Rights Reserved
鲁ICP备18056479号-1站点地图

关注领创公众平台

添加官方微信

175 6191 5976