CSS

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 固定底部的效果,附上预览链接



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 6,192评论 1 4
  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 5,570评论 0 7
  • 尽量减少代码重复 在软件开发中,保持代码的DRY 和可维护性是最大的挑战之一,而这句话对CSS 也是适用的。在实践...
    图灵教育阅读 4,927评论 0 14
  • 转载请声明 原文链接 关注公众号获取更多资讯 这篇文章主要总结H5的一些新增的功能以及一些基础归纳,这里只是一个提...
    前端进阶之旅阅读 12,966评论 22 225
  • 17世纪的荷兰,是富有浪漫色彩和巨大财富的国度,人们在物质丰裕之余,开始追求财富的增殖和文化的体验。彼时美...
    螺旋真理阅读 5,501评论 0 3