块元素,行内元素 行内块元素转变,

*块元素
块主要有:div,p、ul、li、ol、dl、dt、dd、nav等。
特点:(1)比较霸道,自己独占一行(2)高度,宽度、外边距以及内边距都可以控制。(3)宽度默认是容器(父级宽度)的100%(4)是一个容器及盒子,里面可以放行内或者块级元素。
*行内元素
常见的行内元素有a strong b em S ins u span等,其中标签最典型的行内元素。有的地方也成内联元素
特征:(1)设置宽高无效 (2)对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效 (3)不会自动进行换行
*行内块元素
行内块状元素主要有img input 等 行内块状元素特征:(1)不自动换行 (2)能够识别宽高
*Display转换
元素之间转化:
(1)display:inline;转换为行内元素
(2)display:block;转换为块状元素
(3)display:inline-block;转换为行内块状元素

你可能感兴趣的:(块元素,行内元素,行内元素之间转化,html)