2.em、rem、vm、vw 分别如何计算尺寸的?
em:1em= 默认字体大小的倍数
rem:1rem= 根元素(html 节点)字体大小的倍数
vm: 1vw= 1% 视口宽度
vh: 1vh= 1% 视口高度
3.
颜色有几种写法?
1) 色彩关键字
色彩关键字是不区分大小写的标识符,它表示一个具体的颜色,例如red, blue, brown, lightseagreen。
2) 十六进制符号#RRGGBB和#RGB
3) 函数符rgb(R,G,B)
4) rgba() a表示透明度:0=透明;1=不透明;
5) hsla()
透明色如何表示?
transparent关键字表示一个完全透明的颜色,即该颜色看上去将是背景色。
p{
background-color : transparent;
}
透明效果如何实现?
p{
background-color : rgba(224, 176, 255,0.05);
}
p{
background-color : hsla(240,100%,50%,0.05);
}
currentColor如何来用?
currentColor关键字代表原始的color属性的计算值。它允许让继承自属性或子元素的属性颜色属性以默认值不再继承。
<div class="box">
<p class="child"><p>
<div>
<style>
.box{
color : red;
}
.child{
border : 1px solid currentColor;
}
<style>
4.css 中calc是什么?实现一个footer 固定底部的效果,附上预览链接