首页 前端知识 Html字体样式

Html字体样式

2024-04-29 11:04:57 前端知识 前端哥 615 288 我要收藏

目录

1.字体长度单位

2.字颜色


1.字体长度单位

1.像素:px

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

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

例如:font-size: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.

例如:color:rgb(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://www.qianduange.cn//article/6162.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!