CSS对HTML页面中的行级标签与块级标签进行转换

1、创建一个块级元素div,因为它的宽度是可以设置的，使用CSS即可对其的宽度与高度进行设置。

3、为块级标签添加一个class或是id,将来CSS控制样式的时候有道。

5、引用CSS文件，引用CSS文件的时候，建议写成相对路径，而不是绝对路径。

7、为span写入样式，写咐搭趔涮边框与背景，您可以尝试给它一个高度与宽度，您可以看到，加入宽度与高度后，它是没有变化的，因为它是行级标签，无法更改宽度与高度。

9、这里，您为div设置为display:inline，这个时候，再次刷新您的页面，您可以看到宽度与高度变化，无效了，现在的宽度与高度是其中内容的宽度与高度。

10、虽然块级与行级元素可以转换但是在使用的时候，还是建议按照他们的区别来使用，这样您的代码会比较容易被别人读懂了解。

11、不过如果您的有一些业务的确是需要转的，那么您也可以转，使用比较灵活，根据您的需求来即可。