css之行内.块.行内块

块:h1 - h6 p div ul li ol dl dd dt

        1.独占一行
        2.宽是父级的100%
                    2.1没给宽度时,父级有多宽,这个块就多宽
                    2.2不给高度时,高度靠内容撑开
                    2.3只继承父级的width,不包括border和padding
        3.支持宽高
        4.不受换行空格影响
                5.支持四个方向的margin和padding

行内(又叫内联元素,内嵌元素):span a strong b i em

        1.并到一行
        2.宽高根据内容撑开
        3.不支持宽高
        4.受换行空格影响(代码换行被解析成空格)
                5.支持左右方向的margin和padding

行内块:img input select textarea iframe frameset

                1.并到一行
                2.支持宽高
        3.受换行空格影响
                4.对齐方式以内容居底部对齐
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,677评论 32 459
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,868评论 1 92
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,274评论 2 19
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,196评论 0 0
  • http://zh.esotericsoftware.com
    GameMobile阅读 325评论 0 0