[网页高手]
Homepage
[网络编程]
Programe
[图形图像]
Picture
[冲浪宝典]
Insernet
[操作系统]
System
[软件教学]
Software
[数码时代]
Didgtale
[安全防御]
Didgtale
[IT学院]
Education
    
 
Google Web tongyi.net
 
    你的位置:首页 > 网页高手 > 心得技巧 > 编辑的好帮手 网页文字的处理技巧
网页高手
  Dreamweaver

FrontPage

Javascript

HTML

CSS

XML

心得技巧

DHTML

 
编辑的好帮手 网页文字的处理技巧

 

1、段落首行自动缩进

    每个段落的首行要缩进两个汉字大小是众人皆知的常识,我们通常在每个段落首行加上多个“&nbsp”标签来实现缩进,这样虽然能够达到目的,但是却过于麻烦。其实我们只要运用一些简单的CSS语法就可以一劳永逸地在一个页面中实现首行缩进。

    <style type="text/css">
       p{text-indent: 2em}
    </style>

    通过上面的样式,页面中每段包含在标签<p>和</p>之间的段落都会自动缩进两个汉字字符大小。

    2、段落首字下沉

    我们阅读传统媒体时,经常看到如图1的效果,通过使用样式,我们也可以很轻松地实现类似效果。

图1 很常见的段落首字下沉效果

    <style>
      #chr:first-letter{font-size: 24pt;left: 0px; float: left;position: absolute }
    </style>

    上面这段代码定义了一个首字大小为24pt的缩进,使用时我们只要在某个段落的标签中添上一个“id=chr”就可以了,例如下面的段落:

    <p id=chr>柳永(987?-1053?)字耆卿,福建崇安人。……</p> 

     打印本文 | 推荐朋友 | 收藏文章 | 关闭窗口
 
 

    相关文章
 网站制作之网页技巧    (2005年9月7日)

 优化网站的20条重要体会    (2005年5月23日)

 巧妙复制主页内容另一妙法    (2004年7月6日)

 打造数字精彩—制作酷网络相册不求人    (2004年5月4日)

 网页布局理念    (2004年3月18日)

 网页制作:活用工具之网页加密大法    (2004年2月10日)

 熟悉常用表单格式的五点技巧    (2003年12月14日)

 网站项目建设流程概述    (2003年11月1日)

 
 

 

关于统一 | 联系合作 | 统一作品 | 版权申明 | 建站服务 | 更多说明
Copyright 2000-2003 Tongyi All rights reserved. 京ICP备05005608号