思洋互动网站建设学前班

段落样式

段落是标记，是关于思想的标记。版式设计师在文本流中，使用单线边界（single-line boundaries）、缩进（indents）、段标志（pilcrows，即）和其他装饰，以及减少缩进、花饰字母（如首字母下沉）等技巧来标记段落。

单线边界是现在网站上最常用的段落分隔符，也是大多数通用浏览器默认设置的样式。总体来说，缩进仍然是印刷品和出版物中最流行的段落分隔符。区块和缩进的一些规约，以某种方式见证了网页和印刷品的区别。印刷的成本仍然高居不下，但是网站的成本却不再是什么大问题。毕竟，可用性是网站版式优秀与否的唯一衡量标准。

你可以通过使用邻近同级节点选择符（adjacent siblingselector）达到这个效果，而不需要使用大量的标记。例如，如果你已经为段落设定了缩进。

广州网站建设,网站建设,广州网页设计,广州网站设计

1. p { text-indent: 2.5em; } 

这时，为了移除那些包含了h1 到h3 标题的段落的缩进，你可以这样设置。

1. h1 + p, h2 + p, h3 + p { text-indent: 0; } 

需要注意的是，只有在引用内容块和缩进被设置成和外挂标点（hanging punctuation） 左对齐时， 才需要这样做。Robert Bringhurst 建议，“如果段落的缩进是适度的，考虑到连贯问题，你可以让引文使用相同的缩进。”这对网站上的列表也适用。在这两种情况下，需要用边界把列表和引用内容块从周围的段落中分离出来。

所有的浏览器都能很好地支持基本的段落样式。然而复杂的花饰字母和章首可能会引起麻烦。一些浏览器对诸如伪元素（pseudo-elements）和邻近同级节点选择符这类技术的支持还不成熟。开发者为正文文本选择不同字体的能力也同样受到限制，同时跨平台和跨浏览器的不连贯性也使创意和精确度受到影响。

广州网站建设,网站建设,广州网页设计,广州网站设计

（点击查看大图）段落的样式不必一定惹人烦。在这个例子中，第一段的第一行左对齐，后面段落的第一行有1em 的缩进，右侧未对齐，V 型边界。

此处首字母下沉的处理方式没有任何垂直校正，段落也没有对齐，没有边界。

在“网站排版和设计”这篇文章中，Jon Tan 对你可以在设计中使用的样式技巧和CSS 代码进行了探索。

网站核心字体预览。