zoukankan      html  css  js  c++  java
  • 块级元素,行内元素,行内块元素

    块级元素:

       独占一行,对宽高的属性值生效;如果不给宽度,默认为浏览器的宽度即100%

      块标签:p、div、ul、ol、li、dl、dt、dd、h1~h6、form

    行内元素:

      可以多个标签存在一行,对宽高的属性值不生效,靠内容撑开

      行内标签:a、span、em、strong、b、i、u、label、br

    行内块元素:

      结合行内和块级元素的优点,不仅可以设置宽高,还可以多个标签存在一行

      行内块元素: img、input、textarea

    以上三个元素可以互相转换,

      块 -》 行内   display:inline;

      行内 -》块    display:block;

      转为行内块元素 display:inline-block;

    嵌套规则

      块标签可以嵌套行标签,行标签不可以嵌套块标签

      p标签不要套块标签,可以套 a,spam,文本等等

     

  • 相关阅读:
    vim使用基础
    linux基本命令随笔
    linux学习笔记
    中台建设随笔
    数据密集型系统响应优化
    TCP断开连接的问题
    多渠道接入系统总结
    关于实践的认识
    博客说明
    python下载图片的问题思考
  • 原文地址:https://www.cnblogs.com/knightdreams6/p/11981435.html
Copyright © 2011-2022 走看看