0 Comments

DIV CSS网页布局中对段落进行排版的方法

发布于:2013-07-26  |   作者:广州网站建设  |   已聚集:人围观

DIV CSS布局中段落使用

标签,对于段落的上下左右的空白(缩进)可以使用margin标签定义样式,而对于段落内部的空白,我们可以用padding来实现。
广州网站建设,网站建设,广州网页设计,广州网站设计

DIV CSS网页布局中对段落进行排版的方法

margin属性

DIV CSS布局中段落使用

标签,对于段落的上下左右的空白(缩进)可以使用margin标签定义样式。margin有上、下、左、右四个方向的定义,正常情况下,我们可以用一行来描述我们需要的样式。

例如:margin:20px8px8px20px;

此句分别表示了:margin-top;margin-right;margin-bottom;margin-left。

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

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

可以写成:margin:20px8px;

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

对于段落内部的文字对齐方式,一般用text-align,比如:text-align:center;等。
广州网站建设,网站建设,广州网页设计,广州网站设计

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


  1.  
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
  4. <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml"> 
  5. <head> 
  6. <metahttp-equivmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 
  7. <title>webjx.comtitle> 
  8. <styletypestyletype="text/css"> 
  9. 1
标签:
飞机