谈谈你对CSS中刻度的认识？

[问答题]

谈谈你对CSS中刻度的认识？

🎆12580

在css中单位长度用的最多的是px em rem px是一个固定像素一旦设置就无法因为适应页面大小而改变 em和rem相对px更有活性他们是相对长度意思是长度不是定死的更适用于响应式布局 em相对于父元素 rem相对于根元素 em子元素的大小相对于父元素字体的大小元素的width height padding margin用em都是相对于该元素的font-size rem相对的是根元素html 给html元素设置一个字体大小然后其他元素的长度单位为rem

发表于 2019-10-03 17:39:33 回复(0)

清蒸糖醋排骨

在CSS中刻度是用于设置元素尺寸的单位。
a、特殊值0可以省略单位。例如：margin:0px可以写成margin:0
b、一些属性可能允许有负长度值，或者有一定的范围限制。如果不支持负长度值，那应该变换到能够被支持的最近的一个长度值。
c、长度单位包括：相对单位和绝对单位。
相对长度单位有： em, ex, ch, rem, vw, vh, vmax, vmin
绝对长度单位有： cm, mm, q, in, pt, pc, px
绝对长度单位：1in = 2.54cm = 25.4 mm = 72pt = 6pc = 96px
文本相对长度单位：em
相对长度单位是相对于当前对象内文本的字体尺寸，如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(相对父元素的字体大小倍数)
body { font-size: 14px; }
h1 { font-size: 16px; }
.size1 p { font-size: 1em; }
.size2 p { font-size: 2em; }
.size3 p { font-size: 3em; }
文本相对长度单位：rem
rem是CSS3新增的一个相对单位（root em，根em），相对于根元素(即html元素)font-size计算值的倍数
只相对于根元素的大小
浏览器的默认字体大小为16像素，浏览器默认样式也称为user agent stylesheet，就是所有浏览器内置的默认样式，多数是可以被修改的，但chrome不能直接修改，可以被用户样式覆盖。

发表于 2018-11-27 17:41:31 回复(0)