css的值和单位

长度单位

1. px 像素单位
2. em 与当前元素的字体大小相同（一个大写M的宽度）
   • 浏览器默认基础字体大小是16像素，1em的计算值默认为16像素
   • height line-height font-size使用em都是与文字大小相关
   • em单位是会继承父元素的字体大小
3. ex， ch 分别是小写x的高度，数字0的宽度。
   • 并不像em那样被普遍使用
4. rem 总是等于默认基础字体大小的尺寸
   • 继承的字体大小将不起作用
5. vw, vh 分别是视口宽度的1/100和视口高度的1/100
6. vmin，vmax分别是vw/vh中较小和较大的一个

• 使用相对单位是非常有用的，若文字大小变更，网站的布局仍将保持正确

无单位的值

1. margin: 0
2. lineHeight: 1.5 无单位的行高
   • 该单位的文字大小为16px,行高为1.5*16px=24px
   • 无单位的高度只能用于行高，不能用于宽高，文字大小
   • 在没有高度时行高会撑高高度，有高度则无法撑高高度

百分号

1. font-size: 150%
   • 和em类似，继承父元素的字体大小,为默认值16px*1.5=24px
2. width: 75% height: 75%
   • 表示宽/高度为父元素宽/高度的75%
3. line-heigth: 200%
   • 表示行高为当前元素文字大小的两倍

颜色

1. 关键字
2. 十六进制 红绿蓝 00-ff
3. rgb 红绿蓝 0-256
4. rgba 红绿蓝透明度 0-256 0-1
5. HSL 色调
   • 色调（0-360），表示色轮的角度
   • 饱和度（0-100%），0表示没有颜色（灰色），100%表示全彩色饱和度
   • 明度（0-100%），0是无光（全黑），100%是充满光（出现全白）
6. HSLA 比hsl多了一个透明度
7. opacity 不透明度
   • 用opactiy指定盒子，表示盒子的一切呈现透明度

唠叨

如果文章对你有用，记得点赞、评论和关注哦O(∩_∩)O哈哈~