CSS的长度单位

如果看完了还不过瘾?想和作者深聊相关话题,可以点击这里向作者提问!

特别声明:此篇文章由Jekst根据的英文文章原名《The Lengths of CSS》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://css-tricks.com/the-lengths-of-css以及作者相关信息

——作者:

——译者:Jekst

CSS中有不少属性是以长度作为值的。盒模型的属性就是一些很明显的值属性:widthheightmarginpaddingborder。除此之外还有很多其他的CSS属性的值同样也是长度值,像偏移量(offset)、box-shadow的大小或者字体的大小、间距等。CSS中有哪些长度单位可以作为属性的值呢?这样的单位有很多。

绝对长度单位

px

.wrap {
  width: 400px; 
}	

像素或许被认为是最好的“设备像素”,而这种像素长度和你在显示器上看到的文字屏幕像素无关。px实际上是一个按角度度量的单位

像素应该是设备和显示器中显示趋于一致,但是他越来越不正确。比如:在迷你ipad上显示的网站

剩余70%内容付费后可查看
* 请输入阅读码(忘记阅读码?

如需转载,烦请注明出处:https://www.w3cplus.com/css/the-lengths-of-css.html

如果文章中有不对之处,烦请各位大神拍正。如果你觉得这篇文章对你有所帮助,打个赏,让我有更大的动力去创作。(^_^)。看完了?还不过瘾?点击向作者提问!

赏杯咖啡,鼓励他创作更多优质内容!
返回顶部