css中行、块元素转化???----梅花

1. 块元素(每个块元素都会独占一行)
常见的块元素:h1,h2,h3,h4,h5,h6,div,p,ul,li,ol,header(头部),footer(尾部),section(部分,章节)
特点
①.可以设置宽高,可以设置外边距margin,可以设置内边距padding;
②.总是从新的一行开始,自成一行;
③.未设置宽度的时候,占满整个父元素的宽度;
④.可以放任何块元素和行元素。
2. 行元素(不占独立区域,仅仅依靠自身的字体大小和图像尺寸支撑)
常见的行内元素:span,a,i,em,u,ins,b,strong,del,s
特点:
①.和其他行元素在一行显示;
②.不能设置宽高,外边距margin只能设置左右边距不能设置上下边距,内边距padding只能设置左右边距不能设置上下边距;
③.宽度是自己本身的宽度;
④.行元素不能放块元素,能放行元素(a链接是可以放块元素)。
3. 行内块元素(可以设置宽高和对齐属性)
常见行内块元素:img,input
特点:
①.在一行内显示,但是中间会有空隙;
②.默认宽度是本身宽度;
③.可以设置宽高,可以设置外边距margin和内边距padding
三者转化:
css中行、块元素转化???----梅花