1.如图IFE（小微学院）Task6，在模拟报纸排版中，需要实现如下效果。一开始我是用span将两个单词分别包裹起来，并设置border-bottom来实现下划线，但是当我尝试使用CSS3伪元素first-letter来选择首字母并调整其字体大小时，发现span:first-letter无法选中首字母，样式没有生效。后来查W3C的例子发现是放在p标签下的，所以我想可能只对块级元素包裹的文本生效，所以span用了display:block，但是问题来了，虽然可以选择首字母来调整字体，但是span元素变成了和父元素一样宽，加上下边框的时候就变成了这样：心痛，无奈，我试过把block改成inline-block然后奇迹发生了，span元素由于宽度被文本拉长了，首字母也能被选中，简直不可思议！于是详细查看了inline、block、inline-block的区别，diaplay常用的属性：display:block1。块元素将占据一行。默认情况下，它的宽度会自动填充其父元素的宽度。2、block元素可以设置width、height属性3.block元素可以设置marginpadding属性,其宽度随着元素内容的变化而变化。2.inline元素设置宽高属性无效。3、内联元素的margin和padding属性只在水平方向起作用。内容呈现为块对象，所以可以使用伪元素first-letter选择首字母3。因此，设置为inline-block的元素将同时具有宽高属性和对等特性
