标准网页中用CSS进行段落排版的方法

日期：2007年9月5日作者：查看:[大字体中字体小字体]

符合标准网页中用DIV CSS如何对段落进行排版的？通过这篇教程你就会有所了解

　　margin

　　div css布局中段落使用<p>标签，对于段落的上下左右的空白（缩进）可以使用margin标签定义样式。margin有上、下、左、右四个方向的定义，正常情况下，我们可以用一行来描述我们需要的样式。

　　例如：margin: 20px 8px 8px 20px;

　　此句分别表示了：margin-top；margin-right；margin-bottom；margin-left。

　　四个数值的顺序分别是：上、右、下、左。是依时12:00开始的顺时针方向。

　　如何上下的值一致，左右的值一致，我们可以再进行优化。

　　可以写成：margin:20px 8px;

　　此句分别表示了：上下、左右。

　　对于段落内部的文字对齐方式，一般用text-align，比如：text-align: center;等。

　　下面以实例的形式来看不同的段落排版：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>webjx.com</title> <style type="text/css">  </style> </head> <body> <div> <p id="p1">webjx.com - Div CSS布局常见问题</p> <p id="p2">webjx.com - Div CSS布局常见问题</p> <p id="p3">webjx.com - Div CSS布局常见问题</p> </div> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
[1] [2] 下一页
标准网页中用CSS进行段落排版的方法相关文章：
·Windows Vista中如何自定义语言栏图标
·精致可爱的圣诞节主题图标作品欣赏
·HTML表格标记：行的水平对齐属性ALIGN
·创意设计：多姿多彩的自然标本玻璃砖
·利用插件来校验XHTML是否符合Web标准
·JavaScript/JS实现标题栏跑马灯
·网页排名靠前网页标题写法
·IE8通过Web标准测试明年推测试版
·关于用Meta标签进行SEO的心得
·Firefox 3浏览器全新图标预览
标准网页中用CSS进行段落排版的方法相关软件
·《瑞典赛车锦标赛》模拟器
·《侠客游之前途道标》试玩
·《生化危机4》鼠标模拟工具简繁体双语v2.0版
·《魔兽》全国电子竞技竞标赛第一天精彩录象
·《反恐》录象：AgatoN vs mobiltelefon Begrip锦标赛
·中国56个民族标徽
·各国名车车标
·4×4领导法与企业目标
·商标法全集
·2005年山东省中等学校招生考试（课标卷）

上一篇:总结：CSS编写过程中常见的10个错误

下一篇:入门：用CSS实现网页超链接类似按钮陷下的效果

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

标准网页中用CSS进行段落排版的方法

精品推荐

热点TOP10

特别推荐