长度、颜色单位&字体的样式&行间距&文本样式

本文详细介绍了CSS中的长度单位,如px、%、em、rem、vw、vh,以及颜色单位,包括颜色单词、RGB、RGBA、十六进制和HSL值。同时,讲解了字体的样式设置,如color、font-size、font-family等,字体的分类以及行间距的设定。最后,阐述了文本样式,包括text-transform、text-decoration、letter-spacing等属性的使用。
摘要由CSDN通过智能技术生成

长度单位

        1、像素 px

          就是电脑屏幕上的一个个发光的小点,我们眼睛是看不出来,

            像素是我们pc端最常用的一个单位,它是一个固定单位

        2、百分比 %  

          是父元素的宽高的百分比,是一个相对单位,会随着父元素宽高的变化而变化

            一般情况下,做流式布局比较多

        3、em

         也是一个相对单位,相对于当前元素的字体大小来计算最终大小,

         也就是1em=1个font-size。如果当前的元素没有设置字体大小,

         那么会继承祖先元素的字体大小,

         最终继承到html默认的字体大小,是16px

        4、rem  

        r  root  根

        也是一个相对单位,相对于根标签html的字体大小来计算最终大小

        也就是1rem=1个html的font-size

        5、vw、vh

颜色的单位

1:在CSS可以直接使用颜色的单词来表示不同的颜色

    red、green、yellow、blank等

    缺点:颜色单词太多了,不好描述

2:使用RGB值来表示不同的颜色

  rgb(红色,绿色,蓝色)

     颜色的值 0-255之间   0最小,255最大

    直接用电脑或插件可以吸取颜色的比值,ctrl+alt+a

3:RGBA

  rgba(red, green, blue, alpha)

  alpha 透明度  0-1之间设置透明度   0是透明,1是不透明

 4:使用十六进制的rgb值来表示颜色,原理和上边RGB原理一样

   十六进制:0-9abcdef,  

      00表示最小,代替0-255的0,ff表示最大,代替0-255的255              

      用十六进制的值来表示0-255之间的数值,表示红色,绿色,蓝色的浓度

      语法:#f

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值