发表于: 2018-08-06 23:32:38

1 580


一、今天完成的事情:  了解了inline-block,inline,block

二、明天计划的事情:做九宫格了

三、遇到的问题:暂时没有

四、收获

inline会使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行,不会独占一行.

可以使用padding,margin的left和right产生边距效果,但是top和bottom就不行

元素的例子:<span><a>

block会使元素变成块级元素,独占一行,在不设置自己的宽度的情况下,块级元素会默认填满父级元素的宽度. 

能够改变元素的height,width的值. 

可以设置padding,margin的各个属性值,top,left,bottom,right都能够产生边距效果.

元素的例子:<h1><p><div>

 inline-block:结合了inline与block的一些特点,是不独占一行的块级元素,够在同一行显示



返回列表 返回列表
评论

    分享到