首页 > 软件开发 > HTML >

html经常需要清除自身属性的标签第三节

来源:互联网 2023-03-16 19:11:31 322

今天我们分享下dl,dd/h1、h2···/input这几个标签自身所带的一些属性。7RZ办公区 - 实用经验教程分享!

工具/原料

  • HTML
  • dreamweaver

方法/步骤

  • 1

    层级列表dl经常用于网站中,如图,对dl,dt,dd和body分别添加不同颜色的描边,方便区分彼此。7RZ办公区 - 实用经验教程分享!

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

  • 2

    在浏览器中预览查看效果,可以看到body中只有最外围的dl和里面的dt有自身的属性margin值7RZ办公区 - 实用经验教程分享!

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

  • 2相关内容未经授权抓取自百度经验
  • 3

    对dl,dd设置清除命令,清除margin值7RZ办公区 - 实用经验教程分享!

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

    dl,dd{margin:0;}7RZ办公区 - 实用经验教程分享!

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

  • 4

    再返回浏览器预览中,可以看到清除自身属性后,dl,dt和dd都紧挨着bod边缘7RZ办公区 - 实用经验教程分享!

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

  • 5

    然后来看下h1,h2··的标签属性,分辨建立h1-h6标签,如下,分别对其设置一个描边来区分边缘7RZ办公区 - 实用经验教程分享!

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

  • 6

    如图效果,在h1-h6之间都有一个margin值,另外很明显h1-h6字体都是加粗后的,字体大小可以根据自己需要设置,并不一定需要清除7RZ办公区 - 实用经验教程分享!

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

  • 7

    对h1-h6添加自身清除属性命令,去除margin值,去除加粗效果设置为正常字体7RZ办公区 - 实用经验教程分享!

    h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;}7RZ办公区 - 实用经验教程分享!

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

  • 8

    然后保存查看效果,如图7RZ办公区 - 实用经验教程分享!

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

  • 注意事项

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

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


    标签: HTML软件DREAMWEAVER

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