软件网站建设:CSS设置行间距和字间距显示效果
letter - spacing属性的值可以设为相对数值,也可以设为绝对数值。在静态页面中,文字大小固定时常常使用绝对数值,以达到统一的效果。而对于论坛和博客这些可以由用户自定义字体大小的页面,通常设定为相对数值。用“记事本”编写如下代码并保存为3j_7.htm文件。
通过浏览器查看,上面这段代码在IE 9中的显示结果如图3-23所示。
CSS设置行间距和字间距显示效果
第一段文字采用了绝对数值进行赋值,并且将行间距设置得比文字大小还要小,因此文字发生了部分重叠现象。第二段和第三段分别设置了不同的文字大小,但由于使用了相对数值,因此网页能够自动调节行间距。第四段文字间距使用负数来实现文字重叠的效果。第五段文字使用相对数值来表示文字间距。
(4)首字大小。许多报纸、杂志的文章中,开篇第一个字都很大,这种首字放大的效果往往能在第一时间吸引眼球。在CSS中,首字放大的效果是通过对第一个字单独进行样式设置实现的。 用“记事本”编写如下代码并保存为3_3_8.htm文件。电子商务网站设计与制作通过浏览器查看,上面这段代码在IE 9中的显示结果如图3-24所示。