3.内联元素有哪些与块级元素的区别
1、内联元素有哪些(inline)不会独占一行相邻的内联元素有哪些会排在同一行。其寬度随内容的变化而变化
2、内联元素有哪些不可以设置宽高
3、内联元素有哪些可以设置margin,padding但只在水平方向有效。
1、块级元素會独占一行默认情况下宽度自动填满其父元素宽度
2、块级元素可以设置宽高
简单来说就是将对象呈现为inline对象,但是对象的內容作为block对象呈现(可以设置宽高和margin值)之后的内联对象会被排列在同一内联。比如我们可以给一个link(a元素)inline-block属性值使其既具有block的宽喥高度特性又具有inline的同行特性。
区别主要是三个方面:一是排列方式二是宽高边距设置,三是默认宽度
(1)块级元素会独占一行,而内聯元素有哪些和内联块元素则会在一行内显示
(2)块级元素和内联块元素可以设置 width、height 属性,而内联元素有哪些设置无效
(3)块级元素的 width 默认为 100%,而内联元素有哪些则是根据其自身的内容或子元素来决定其宽度
5.问题:页面排版的时候经常会遇到li包含img时,图片文件的下边缘出现大概5个或10个像素的间隙
都可以避免这种情况出现而且不光li,其他的block元素中包含img也会有这个现象只要是inline元素和父级元素是baseline的属性的对齐。
html會把图片默认为内联级元素和文字是一样的那文字的话,给他设置不同的文字大小或字体肯定会有不同的行高,或者它们会有默认的荇高这样就有了img下面的空隙。
第二定义容器里的字体大小为0。