浅析HTML标签类型

  • 块级标签

    • 独占一行的标签
    • 能随时设置宽度和高度(比如div、p、h1、h2、ul、li)
  • 行内标签(内联标签)

    • 多个行内标签能同时显示在一行
    • 宽度和高度取决于内容的尺寸(比如span、a、label)
  • 行内-块级标签(内联-块级标签)

    • 多个行内-块级标签可以显示在同一行
    • 能随时设置宽度和高度(比如input、button)
  • 修改标签的显示类型

  • CSS中有个display属性,能修改标签的显示类型

    • none:隐藏标签

    • block:让标签变为块级标签

    • inline:让标签变为行内标签

    • inline-block:让标签变为行内-块级标签(内联-块级标签)

  • CSS属性

  • 可继承属性(红色表示常用)

  • 不可继承属性(红色表示常用)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,841评论 1 92
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,673评论 0 30
  • CSS格式化排版 1、字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例...
    张文靖同学阅读 1,315评论 0 3
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,340评论 0 5
  • 前言: 1.HTML5的发展非常迅速,可以说已经是前端开发人员的标配,在电商类型的APP中更是运用广泛,这个系列的...
    珍此良辰阅读 1,939评论 2 15