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、不过如果您的有一些业务的确是需要转的,那么您也可以转,使用比较灵活,根据您的需求来即可。

  • 如何使用DBeaver修改数据库用户的DBA权限
  • 全职高手如何在电脑上玩?全职高手电脑版教程
  • 重装战姬如何提升机师少女的好感度?
  • php常用的数学函数
  • jquery如何获取div宽度
  • 热门搜索
    大连到云南旅游报价 冰岛旅游签证 安徽黄山旅游攻略 新婚旅游 宁陕旅游 东北旅游攻略 辽宁旅游网 旅游营销论坛 美国洛杉矶旅游攻略 男士旅游鞋