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

行高的继承性

 

        
苏丹红事件
    

• 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、顺序不能变