首页 > 软件开发 > HTML >

html需要清除自身属性的标签第二节

来源:互联网 2023-03-16 19:11:32 124

在上一节中我们说了需要清除body/ul li /a 三个标签的清理,今天我们分享下另外几个经常需要清除自身属性的标签。pax办公区 - 实用经验教程分享!

工具/原料

  • HTML
  • dreamweaver

方法/步骤

  • 1

    在DW中建立两个p标签,对p标签添加一个边框,如图pax办公区 - 实用经验教程分享!

    html需要清除自身属性的标签第二节pax办公区 - 实用经验教程分享!

  • 2

    在浏览器预览效果,可以看到在p标签中间有一个空隙,这是在P标签的外面,也就margin,p标签有自己的margin值pax办公区 - 实用经验教程分享!

    html需要清除自身属性的标签第二节pax办公区 - 实用经验教程分享!

  • 3

    对p标签添加清除命令,p{margin:0;}pax办公区 - 实用经验教程分享!

    html需要清除自身属性的标签第二节pax办公区 - 实用经验教程分享!

  • 4

    清除自身属性后,再返回预览效果中,可以看到中间的边缘没有了。pax办公区 - 实用经验教程分享!

    html需要清除自身属性的标签第二节pax办公区 - 实用经验教程分享!

  • 5

    然后继续添加两张图片,img标签是pax办公区 - 实用经验教程分享!

    行内标签,是在横排排列的,经常会使用块状标签div包起来,如图pax办公区 - 实用经验教程分享!

    html需要清除自身属性的标签第二节pax办公区 - 实用经验教程分享!

  • 5本页面未经许可获取自百度经验
  • 6

    在添加img图片后,有时候会出现中间空行的时候(图片横排时,中间有空行情况pax办公区 - 实用经验教程分享!

    pax办公区 - 实用经验教程分享!

    html需要清除自身属性的标签第二节pax办公区 - 实用经验教程分享!

  • 7

    这时候需要将图片转为块状,就好了,在style标签中添加pax办公区 - 实用经验教程分享!

    img{display:block;}pax办公区 - 实用经验教程分享!

    html需要清除自身属性的标签第二节pax办公区 - 实用经验教程分享!

  • 8

    将图片转为块状后,再预览效果,中间空行就消失了。pax办公区 - 实用经验教程分享!

    html需要清除自身属性的标签第二节pax办公区 - 实用经验教程分享!

  • 注意事项

    • 如果此经验对您有帮助,请为我投票加关注,谢谢大家的支持^_^

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!pax办公区 - 实用经验教程分享!


    标签: HTML互联网软件DREAMWEAVER

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码