行元素、行内块级元素 块元素 元素显隐、块之间的间距取消

/*
行元素、行内块级元素 块元素 元素显隐、块之间的间距取消
A 块级元素特点
    1.可以设置宽和高
    2.不能和其他元素呆在一行
    3.当没有设置宽、高时,由元素内容决定
B 行级元素特点
    1.不可以设置宽高
    2.可以和其他行级元素呆在一行
    3.宽高由内容决定
    4.行级元素转换成块元素:a{display:block;},这样就可以给他设置宽高了
C 行内块级元素:img
    1.可以设置宽高
    2.2.可以和其他元素呆在一行
*/
/*D 元素转换:元素类型可以相互转换 */
    div{display:inline;}/*块元素转换成行元素,设置行级元素后宽高属性就会失效,大小由内容决定*/
     div{display:inline-block}/*转换成行内块级元素,虽然转换成了行级元素,但可以设置宽高,还不独占一行*/
     div{display:none}/*元素的隐藏*/
    a{display:block;}/*转换成块元素,独占一行*/

/*块与块之间有间距,可以设置父级元素的{font-size:0px}*/

 

posted @ 2021-10-20 10:36  li130  阅读(158)  评论(0)    收藏  举报