当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 小技巧:网页制作中段落缩进的方法

CSS样式表
css制作有立体效果的表格
HTML验证的好处?
如何实现FireFox文本自动换行
CSS让图片垂直居中和底端对齐的代码
DIV CSS布局浏览器兼容的问题
介绍我知道的hack方法
display:inline | block |inline-block
white-space:nowrap的应用
CSS缩写优化CSS文件的体积
CSS网页设计字体大小(em)探讨
CSS教程:div设置float后高度不自动增加
CSS网页布局强制换行和强制不换行的属性讲解
对话闲聊DIV CSS与WEB标准
最常用的五类CSS选择器
CSS教程:line-height属性的继承
CSS关于初学者的问题
提高CSS的网页渲染效率11个注意点
DIV CSS:网页一行两列背景自适应
CSS将成为网页设计师必备知识
兼容IE和FF的单行溢出文本显示省略号

CSS样式表 中的 小技巧:网页制作中段落缩进的方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 78 ::
收藏到网摘: n/a


  在制作有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进;如果是中文格式则需要缩进,即段落开头要求空两个汉字的位置。
  在实际制作中,有以下四种段落缩进方法,现介绍如下:
  1.预格式(PRE)
  用预格式编写的源文件,在显示时照源文件中的排版字样显示,空行和空格都能很清楚地区别开来。如源文件为:
                           <PRE>
  --预格式显示……
  </PRE>             
  网页显示时在“预格式显示”的前面就会空两个汉字的位置。
  2.插入点图或图形
  点图是指图片中只有一个或几个像素点,用肉眼看不出来。当我们在段落开头插入这样一个点图,并用HSPACE和VSPACE属性来调整点图的左右和上下的空格,以达到段落缩进。
  同样可以插入图形,只不过该图形的颜色需要用网页背景色,这种方式用IMG的WIDTH和HEIGHT属性调整图形大小,以达到缩进。
  3.插入没有边框和内容的表格
  这种方式与上述的插入图形方式类似,该表格没有边框和内容,是空表格。用TABLE的WIDTH和HEIGHT属性调整表格大小适合缩进的需要。
  4.插入特殊的空格字符“”
  “”代表非显示空格字符。插入若干个“”字符,中间用分号(;)或者空格隔开,也可以实现中文段落缩进。不过在Netscape 3.01中只能写小写字母,而在IE中大小写都可以。
  这四种方法主要是针对利用HTML的语言编写网页而言。在一些网页制作工具,如网景浏览器中有专门加入空格的工具条,也可以完成段落缩进。