[TOC]

# css常用属性

# 1. 关键字initial、inherit、unset

.attr {
  color: initial;
  background-color: inherit;
  baorder: unset;
}

• initial

  initial 关键字用于设置 CSS 属性为它的默认值，可作用于任何 CSS 样式。（IE 不支持该关键字）

• inherit

  设置属性继承，每一个 CSS 属性都有一个特性，这个属性必然是默认继承的 (inherited: Yes) 或者是默认不继承的 (inherited: no)其中之一，我们可以在 MDN 上通过这个索引查找，判断一个属性的是否继承特性。

• unset

  名如其意，unset 关键字我们可以简单理解为不设置。其实，它是关键字 initial 和 inherit 的组合。

  什么意思呢？也就是当我们给一个 CSS 属性设置了 unset 的话：

  1. 如果该属性是默认继承属性，该值等同于 inherit
  2. 如果该属性是非继承属性，该值等同于 initial

# 2. zoom属性

zoom属性在IE中用到的比较多的属性：

1、设置元素的缩放比例。2、触发IE的haslayout属性，清除浮动、秦楚margin重叠等作用。

zoom属性火狐浏览器不支持，webkit内核浏览器支持了此属性。 zoom在非IE浏览器中表现为设置放大或缩小，但是由于这个属性是一个不标准的css属性，因此一般在非IE浏览器中不用zoom来实现元素的缩放效果，现在大多用css3的transform属性来实现元素的缩放。

_zoom是CSS hack中专对IE6起作用的部分。

• zoom 属性用法

  zoom : normal | number

  normal :　 默认值。使用对象的实际尺寸 number :　 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值用白话讲解就是zoom:后面的数字即放大的倍数，可以是数值，也可以是百分比。如：zoom:1，zoom:120%。而这个属性只要在IE中才起作用，所以很少用到它的实际用途，而最经常用到作用是清除浮动等。

  <style>
    p.small { zoom: 75%; }
    p.normal { zoom: normal; }
    p.big { zoom: 2.5; }
    p { display: inline-block; }
  </style>
  <p class="small">Small</p>
  <p class="normal">Normal</p>
  <p class="big">Big</p>
  

# 3. line-height属性详解

line-height，又称行高，指的是两行文字基线之间的距离，又可以称为这行文字所占的高度。

图中两行基线之间的距离就是行高。上一行的底线和下一行的底线之间的距离就是行距，行距 = line-height - font-size。

1、取值：

图中可见，不同的字体，normal的取值是不确定的，所以一般在开发时会会重置line-height样式。

2、不同取值之间的区别：

整理、转载自：https://blog.csdn.net/weixin_44653329/article/details/108172478