网站建设| 数据库类| 图形图象| 程序设计| 现代办公| 操作系统| 考试认证| 网络技术| 软件工程| 电脑相关| 文学作品
网站开发| 网页制作| 操作系统| 图象图形| 考试认证| 数据库类| 程序设计| 硬件技术| 现代办公| 网络技术| 笑话频道
 
您的位置: 电脑书库首页-> 电脑文摘-> 网页制作-> 其它-> 编辑的好帮手 网页文字的处理技巧

编辑的好帮手 网页文字的处理技巧
作者:第七乐章 来源:IT168 加入时间:2007-5-16
相关文章 相关书籍:

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> 


[文章录入员:nancy]

相关文章 相关书籍:
本站推荐内容

近期主机类热搜关键词:
美国服务器 美国服务器租用 海外服务器租用 国外服务器租用

其它
DreamWeaver
FrontPage
FireWorks
Flash
HTML
其它
电脑教程阅读排行
·网页上传常见问题分析
·网站制作之网页技巧
·IIS 错误代码大汇总
·网页标准制作:使用ul多行多列布...
·解决IIS5 HTTP500内部...
·全面了解了解Cookie
·长英文不自动换行的原因及解决方法
·真正的文字竖排
·CSS应用技巧十四例
·网站设计65条原则