当前位置: 网站建设 > 网页设计 > 建站经验 >

3.css行距

时间:2013-03-02 03:40来源:未知 作者:admin 点击:

标签:3.css行距 数值(3)设定(2)本例(1)以用(2)行距(3)小数(1)3.CSS(4)还可(1)
你还可以用小数设定参数值。 在本例中,行距是长度10points的140%, 即14points。清楚了吗? 假如你打算将你的网页中的某些内容重叠 显示,行高设置还不是最佳的抉择,由于 不同的浏览器对其的支持有差异。在第5 天的课程中我们将研讨文字及图象布局的 最佳
3.css行距》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331222013.htm

你还可以用小数设定参数值。

在本例中,行距是长度10points的140%, 即14points。清楚了吗?

假如你打算将你的网页中的某些内容重叠 显示,行高设置还不是最佳的抉择,由于 不同的浏览器对其的支持有差异。在第5 天的课程中我们将研讨文字及图象布局的 最佳方法。

返回本专题:《CSS层叠样式表教程》的目录

B { line-height: 16pt }

(Communicator 和 Internet Explorer 对行高的诠释有所不同。 Communicator 将只是将文字的上半局部重叠一点,而IE 则将其全体重叠。)

Four score and seven years ago, the Web wasn't yet a glimmer in anyone's eye. No one needed it, no one missed it. Eighty-seven years from now, what will people laugh at us for lacking?

设定行高的另一种方式就是应用先前学过 的长度单位(em及pt是最常用的单位), 以下为显示效果:

当你用数字设定行高的时候,阅读器将利 用字号来断定行距:它将字号乘以设定的 参数值。所以,在本例中,行高将是24点。 显示后果如下:

行高 行高几乎是上帝发给世间的福音。利用CSS行高咱们可以为所欲为地把持行与行之间的 垂直距离。

你既可以轻松地将行距缩小也能够将行距 放大。有了款式表,这所有都轻而易举!

"Whoa" 应用了浏览器的缺省行高设置。但"Cool"的行高很小所以它跟第1行重叠 了。 

以下为显示效果:

用长度单位设定行距

用数字设行距

Tag:行距   行距  

B { font-size: 10pt; line-height: 140% }

B { font-size: 12pt; line-height: 11pt }

让文字相互重叠!

数字 长度单位 比例

用比例设定行距

--> [网站建设之]3.css行距

行与行之间的距离最常用的称谓是行距, 而当网页设计者们发明他们可能节制行距 时最常用的称说是"Weee!"

B { font-size: 28pt; line-height: 2pt }

(你应当晓得IE 3 不支撑数字参数值, 在IE 3 中使用数字参数将呈现大片文字 的互相重叠。)

 

你所用的参数就是相邻两行的基准线(基 准线就是英文小写字母如x,a的下阶线, 但不包含诸如y,g等字母超过下阶线的部 分)之间的垂直间隔。留神你所设定的参 数将完整取代浏览器的缺省参数。 Netscape Communitor和Internet Explorer在行之前参加行高参数。所以如 果你将参数设为10px,浏览器将把文字的 第1行以10px的高度显示。 有3种设定行高的办法:

Four score and seven years ago, the Web wasn't yet a glimmer in anyone's eye. No one needed it, no one missed it. Eighty-seven years from now, what will people laugh at us for lacking?

B { font-size: 12pt; line-height: 2 }

Whoa. Cool.

你可能会问这样的问题:如果行距太小的 话,文字岂不就重叠在一起了吗?是这样 的。我们来看看这个例子:

相关的主题文章:
(责任编辑:网站建设)
3.css行距相关文章
上一篇:3.CSS对字号的控制 下一篇:3.你的第1张CSS样式表
回到顶部