网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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

时间:2024-10-22 11:43:12

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

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

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

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

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

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

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

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

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

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

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

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

© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com