html小知识点归纳

1、行内元素
span a em strong b i 宽度取决于内容宽度 ,高度取决于内容宽度 , 人为设置不起作用 并排
2、 块级元素
div p hi form table 和行内元素相比要霸道,不并排,100%,人为设置高宽起作用,独成一行
3、行内块:
input image td 能并排,可以人为设置宽高
4、解决图片下间隙问题
下间隙原因 : 文字默认以基线对齐,图片本质就是文字,以基线对齐的,基线到底线的距离就形成了间隙,默认一般3px。
解决方法:
(1)设置父元素字体大小为0,font-size: 0;
(2)设置行高为0 line-height: 0;
(3)设置垂直对齐方式 vertical-align: 为顶 top /底 bottom /中 midlle
(4)imgdisplay:block 就是将元素显示为块级元素。

猜你喜欢

转载自blog.csdn.net/qq_44240254/article/details/87909448