css基础

css之行内.块.行内块

2018-03-31  本文已影响0人  幺七

块: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.对齐方式以内容居底部对齐
上一篇下一篇

猜你喜欢

热点阅读