css3技术

divcss布局中段落的排版一般如何进行?_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-28 15:00 我要评论( )

margin div css布局中段落使用p标签,对于段落的上下左右的空白(缩进)可以使用margin标签定义样式。margin有上、下、左、右四个方向的定义,正常情况下,我们可以用一行来描述我们需要的样式。 例如:margin: 20px 8px 8px 20px; 此句分别表示了:margin-t

  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;等。
  下面以实例的形式来看不同的段落排版:

div css xhtml xml Source Code to Run

Source Code to Run []


[ 可先修改部分代码 再运行查看效果 ]


  padding
  对于段落内部的空白,我们可以用padding来实现。padding的一些属性与margin类似,这里就不再重复。我们看下面的例子:

div css xhtml xml Source Code to Run

Source Code to Run []


[ 可先修改部分代码 再运行查看效果 ]


  

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • DIVCSS网页布局常用的方法与技巧_div+css布局教程

    DIVCSS网页布局常用的方法与技巧_div+css布局教程

    2015-10-02 14:26

  • DIVCSS列形导航一例,超酷解析!_div+css布局教程

    DIVCSS列形导航一例,超酷解析!_div+css布局教程

    2015-09-29 08:13

  • DIVCSS编码中轻易犯的一些错误_div+css布局教程

    DIVCSS编码中轻易犯的一些错误_div+css布局教程

    2015-09-27 17:02

  • DivCSS网页布局对SEO的影响漫谈_div+css布局教程

    DivCSS网页布局对SEO的影响漫谈_div+css布局教程

    2015-09-25 15:10

网友点评