首页 > 软件开发 > HTML >

html必去清除自身属性的标签第一节

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

在使用html制作网页时,经常会将标签自带属性去除,方便我们在网页中的正常显示,今天就分享给大家几个常用的标签去除自身属性。Z7K办公区 - 实用经验教程分享!

工具/原料

  • html
  • Dreamweaver

方法/步骤

  • 1

    在DW中建立几个标签,ul li a标签是经常制作导航等并排文件,起始位置body标签,body也有自身的属性,我们给body添加了一个边框颜色,方便观看。Z7K办公区 - 实用经验教程分享!

    html必去清除自身属性的标签第一节Z7K办公区 - 实用经验教程分享!

  • 2

    将文件保存,然后F12浏览器预览现在的效果,如图所示Z7K办公区 - 实用经验教程分享!

    html必去清除自身属性的标签第一节Z7K办公区 - 实用经验教程分享!

  • 3

    body自带的属性是margin属性,将body设置为Z7K办公区 - 实用经验教程分享!

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

    body{margin:0;}Z7K办公区 - 实用经验教程分享!

    html必去清除自身属性的标签第一节Z7K办公区 - 实用经验教程分享!

  • 4

    然后保存文件,在浏览器中预览效果,可以看到去除body自身属性margin后,边缘紧挨着浏览器边缘。Z7K办公区 - 实用经验教程分享!

    html必去清除自身属性的标签第一节Z7K办公区 - 实用经验教程分享!

  • 5

    ul li经常组队出现,其中自带属性有margin,padding,还有list-style,就是前面的小点Z7K办公区 - 实用经验教程分享!

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

    去除ul li属性为 ul{margin:0;padding:0;list-style:none;}Z7K办公区 - 实用经验教程分享!

    html必去清除自身属性的标签第一节Z7K办公区 - 实用经验教程分享!

  • 6

    去除ul li属性后,效果还是蛮大的Z7K办公区 - 实用经验教程分享!

    html必去清除自身属性的标签第一节Z7K办公区 - 实用经验教程分享!

  • 7

    a标签是经常用的链接标签,但是在自身属性下有链接符号,在字体下方有一个线,但是在我们常看的网页中,很多是不带有链接符号的,那就是去掉了这个符号,字体颜色根据自己的意愿设置,默认是显示浅蓝色。Z7K办公区 - 实用经验教程分享!

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

    a{text-decoration:none;}Z7K办公区 - 实用经验教程分享!

    html必去清除自身属性的标签第一节Z7K办公区 - 实用经验教程分享!

  • 7此文章非法爬取自百度经验
  • 8

    效果预览,去除下划线后效果。Z7K办公区 - 实用经验教程分享!

    html必去清除自身属性的标签第一节Z7K办公区 - 实用经验教程分享!

  • 注意事项

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

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


    标签: HTML软件DREAMWEAVER

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