行高的继承和消除内外边距

行高的继承性


苏丹红事件

  • 12px这里没有行高没有写单位,子类继承父类的1.5倍,就是14*1.5=21px行高

  • 选择器的选择根据权重的大小来定

  • 子类继承父类的权重为零,

  • 
    
    
  • 复合选择器会有叠加的过程

  • 
    

    苏丹红事件

  • 第一个选择器的权重相加大于第二个选择器的权重故会执行第一个

  • 权重虽然会叠加但不能有进位的问题

清除内外边距

  • * {
    padding: 0;
    margin: 0;
    }
  • 行内元素为了照顾兼容性,尽量设置左右内外边距,不设置上下,而其他可以

  • li 表单里面会有小圆点

  • li {list-style: none;
    } 
  • 圆角边框

  • border-radius: 10px;
    border-radius: 50%;
  • 如果是长方形,设置为高度的一半就可以做

  • 如果是正方形,设置为高度或宽度的一半,或百分之五十

  • 如果想设置左上角:border-top-left-radius、border-top-right-radius、顺序不能变

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部