zoukankan      html  css  js  c++  java
  • CSS学习(10)行盒盒模型

    常见的行盒:包含具体内容的元素

    span、strong、em、i、img、video、audio

    显著特点:

    1.盒子沿着内容延伸

    2.行盒不能设置宽高,调整行盒的宽高,应使用字体大小、行高、字体类型,间接调整

    3.内边距(填充区)、边框、外边距

    水平方向有效,垂直方向仅会影响背景,不会实际占据空间

    行块盒

    display:inline-block

    不会换行,但其他属性和块盒一致,常用于

    空白折叠

    在行盒(行块盒)之间或内部会发生空白折叠

    可替换元素和非可替换元素

    大部分元素,页面上显示的结果,取决于元素内容,称为非可替换元素

    少部分元素,页面上显示的结果,取决于元素属性,称为可替换元素

    可替换元素:img、video、audio

    绝大部分可替换元素均为行盒。

    可替换元素类似于行块盒,盒模型中所有尺寸都有效果。

  • 相关阅读:
    消息队列优缺点及各种MQ对比
    反射详解
    Tomcat线程模型及调优
    Tomcat结构及类加载机制
    Spring AOP
    Spring IOC
    Spring介绍
    SpringMVC介绍
    Mybatis介绍
    Ajax笔记(一)
  • 原文地址:https://www.cnblogs.com/1016391912pm/p/11566920.html
Copyright © 2011-2022 走看看