HTML5技术

【前端笔记】 CSS 基础 - 专注精彩(5)

字号+ 作者:H5之家 来源:H5之家 2017-09-04 14:01 我要评论( )

边距属性 :( padding , 内边距; margin ,外边距) ,复合属性,依次设置上右下左。 一、标签水平居中: 1 》行内标签、行内块级标签: /* 当前标签的内容水平居中 */ text-align : center ; 2 》块级标签: /*

  边距属性:(padding内边距; margin,外边距),复合属性,依次设置上右下左。

  

  

  

一、标签水平居中:

1》行内标签、行内块级标签:

    /* 当前标签的内容水平居中 */

    text-align: center;

2》块级标签:

    /*水平居中(左右边距自动),用于块级标签*/

    margin: 0px auto;

 

二、标签垂直居中:

div {

    background-color: red;

    width: 500px;

    height: 300px;

    /* 设置行高:值等于height,垂直居中 */

    line-height: 300px;

}

 

  复习CSS常用的属性

  

8. CSS布局

默认情况下,所有的网页标签都在标准流布局中

  从上到下,从左到右

脱离标准流的两种方法:

  1float属性

    float属性的常用取值有

      left:脱离标准流,浮动在父标签的最左边

      right:脱离标准流,浮动在父标签的最右边

    应用场景(用于制作菜单栏):

    

  

  2position属性(浮动在父标签的任意位置) 结合 leftrighttopbottom属性来使用

 

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

相关文章
  • 负载均衡基础知识 - coderbinbin

    负载均衡基础知识 - coderbinbin

    2017-09-01 15:05

  • 前端技术 - 铜镜123

    前端技术 - 铜镜123

    2017-08-29 13:01

  • 【canvas学习笔记七】混合和裁剪 - 池月

    【canvas学习笔记七】混合和裁剪 - 池月

    2017-08-29 13:00

  • 【canvas学习笔记六】状态保存和变换 - 池月

    【canvas学习笔记六】状态保存和变换 - 池月

    2017-08-29 12:00

网友点评
b