zoukankan      html  css  js  c++  java
  • CSS的再深入(更新中···)

    在上一章我们提到了一个新的概念,叫做块级样式,讲到这里就要科普一下:

    标签又分为两种:

    (1)块级标签

    元素特征:会独占一行,无论内容多少,可以设置宽高···

    (2)内敛标签(又叫做行内标签)

    元素特征:根据内容的多少占用空间大小,它的上下margin不起作用

    (块级:P  h1- h6 div ul ol dl li···)

    (内敛:span img i b a em icon···)

    有时,我们会使用块级标签,有时会使用内敛标签,但老是改标签是不是太麻烦了呢?有没有其它的方法呢?

    答案是:有。

    块级和行级(也就是内敛)可以相互转换

    块级转行级

    给块级添加属性:display:inline;

    行级转块级

    给行级添加属性:display:block;

    行级块元素

    给需要的元素添加属性

    display:linline-block;

    行级块元素好处:可以设置宽高,可以在一行,margin可使用

    知识添加:

    line-height 行高,可设置字体的垂直位置

    line-height的值和height的值相同,文本就可以上下居中,(水平居中为text-align:center)(text-align 文本居中方式  center居中  left居左  right居右)

    line-height:50px/2

    当属性值中有不带单位的2时,line-height的值为2 x font-size(字体大小)的大小

  • 相关阅读:
    1. 两数之和
    RabbitMQ主题交换机
    RabbitMQ路由
    RabbitMQ发布订阅
    RabbitMQ简介和安装
    55. 跳跃游戏
    63. 不同路径 II
    62. 不同路径
    6. Z 字形变换
    sql注入攻击与防御第一章(笔记)
  • 原文地址:https://www.cnblogs.com/zff123/p/9709207.html
Copyright © 2011-2022 走看看