本文介绍: 相对单位,它是只相对于根标签html)的字体大小设置,也是1rem=1个htmlfontsize相对单位,它是相对于其父元素字体大小设置的,也就是1em=父元素1个font-fize,常用的16进制颜色:#f00,#0f0,#00f,#ccc灰色,#f60 橘色,#000 ,#fff。html默认字体大小是16px,有些浏览器最小字体大小,一般是10-12px。如果父元素没有字体大小,它就会继承祖先元素的字体大小,如果祖先元素没有设置alpha是透明度,0表示透明,1表面不透明。

目录

1.字体长度单位

2.字颜色


1.字体长度单位

1.像素px

像素实际是实际上是屏幕上的一个个小点,需要放大就可以看到

在PC端,一般情况1px=1一个发光点。属于固定单位

例如:fontsize:90px;

2:百分比 %  

  相对单位,它是相对于其父元素内容区(width/height宽高

  子元素的大小会随着父元素的大小变化而变化,我们管这种大小布局,叫流式布局

        3:em

         相对单位,它是相对于其父元素内字体大小设置的,也就是1em=父元素1个font-fize

         如果父元素没有字体大小,它就会继承祖先元素的字体大小,如果祖先元素没有设置

         就会继承标签html)的默认字体大小,也就是16px

        4:rem

         相对单位,它是只相对于根标签html)的字体大小设置,也是1rem=1个html的font-size

         html默认字体大小是16px,有些浏览器最小字体大小,一般是10-12px

        5:vw

        viewport width  视口的宽度

        6:vh

        viewport heigth  视口的高度

2.字颜色

1.直接输入颜色black,red等麻烦,不方便。

2.使用RGB表示不同颜色

r=red,g=green,b=blue颜色是这三个混合而来,浓度为0~255.

例如:colorrgb(229,0,90)就会是一个颜色

3.RGBA

r=red,g=green,b=blue,a=alpha

alpha是透明度,0表示透明,1表面不透明。

4.使用16进制rgb值表示颜色原理和上面以上。

0~9ABCDEF 16个数

#红色的浓度绿色浓度蓝色的浓度

#

 00 表示最小    0

      ff 表示最大   255

    红色、绿色、蓝色用两位十六进制表示,如果两位十六进制是一样的,可以省略一位

    #ff0000  可简写#f00

    #f0f0f0  不可简写

    常用的16进制颜色:#f00,#0f0,#00f,#ccc灰色,#f60 橘色,#000 ,#fff

原文地址:https://blog.csdn.net/qq_46534049/article/details/127250456

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_17483.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注