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

CSS样式表
CSS网页布局学习之Font-size的妙用
CSS实例教程:网页区块中标题右侧更多
CSS教程(1):学习CSS背景相关知识
CSS教程(4):通过实例学习CSS背景
CSS教程(5):通过实例学习CSS背景
极酷的三层分离的标准滑动门导航菜单
网页版Firebug
CSS实例:CSS实现的等高网页布局
CSS教程:CSS3圆角属性
CSS教程:制作对用户友好的站内搜索表单
IE盒子模型和标准W3C盒子模型
CSS外边距叠加的问题,CSS教程
IE8的一些有趣的新功能
CSS高级技巧:滑动门技术
CSS设计网页边框的几个实例
雅黑字体对IE中的网页布局的影响
CSS技巧:改善代码可读性并简化代码管理
吸引用户点击的按钮设计以及网页按钮实例
CSS实例:超酷的网站导航按钮
CSS实例:创建一个鼠标感应换图片的按钮

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


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


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