zoukankan      html  css  js  c++  java
  • margin padding

    * {margin:0; padding:0;}

    *{margin: 0; padding: 0}的作用

    *{margin: 0; padding: 0}作用是Reset(重置)浏览器默认样式,对于各浏览器样式统一的话有着简单粗暴的效果。这东西叫“通配符”用来匹配页面上所有元素。

    *{margin:0; padding:0;}代表了网页中所有元素,包括body ,ul, li列表标签 ,p,H标题标签,dd,dt 等……都有默认的margin 或padding值的,加上这句就可以删除浏览器这些默认值,方面后面的设置。

    *{margin: 0; padding: 0}的作用与利弊

    1.*{margin: 0; padding: 0}的利处

    使用*{margin: 0; padding: 0}可以简单方便的一次性重置所有HTML网页元素的浏览器样式,代码少,控制量大。

    2.*{margin: 0; padding: 0}的弊处

    用*,这样效率会低很多(据说),因为它重置了所有元素的样式,包括不需要重置的样式,例如table ,我们不需要去重置table元素的样式,所以还需要再为 table 设置默认样式,反而增加了代码量。而且通配符,需要把所有的标签都遍历一遍,当网站较大时,样式比较多,这样写就大大的加强了网站运行的负载,会使网站加载的时候需要很长一段时间,因此一般大型的网站都有分层次的一套初始化样式。如替代的写法:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {padding:0;margin:0;}

    margin属性可以为给定元素设置所有四个(上下左右)方向的外边距属性。
    四个外边距属性设置分别是: margin-top, margin-right, margin-bottom 和 margin-left 。指定的外边距允许为负数。
     
    padding属性设置一个元素的内边距,padding 区域指一个元素的内容和其边界之间的空间,该属性不能为负值。四个外边距属性设置分别是: padding-top, padding-right, padding-bottom 和 padding-left


  • 相关阅读:
    一题多解 —— 同时找到序列的最大值最小值
    中位数与顺序统计量
    软件开发 —— 极限编程(XP:Extreme Programming)
    一题多解 —— 二项式分布的期望和方差的计算
    C++中explicit关键字用法
    【联系】二项分布的对数似然函数与交叉熵(cross entropy)损失函数
    随机变量统计独立性的相关证明
    PowerShell管理SCOM_批量设置维护模式(下)
    导出AD用户所属组,查询AD用户(aduser)
    SQL脚本运行
  • 原文地址:https://www.cnblogs.com/h694879357/p/12679816.html
Copyright © 2011-2022 走看看