Css文本格式相关设置(基础)

目录

一、长度单位

二、颜色单位

 三、字体样式

四、字体分类(了解就行)

五、字体的其他样式

六、行间距

七、文本样式


一、长度单位

1:像素 px

         像素是屏幕上一个个的小正方形,我们正常看不到的,需要放到最大,才能看到

         px是固定的单位,px也是非常常用单位

        2:百分比 %  

          相对于其父元素的宽高比,是相对单位,一般用来做响应式的布局

        3、em

          相对于当前元素的字体大小来改变长度,如果当前元素没有设置字体大小,

          那么浏览器会继承祖先元素的字体大小,最终html根标签根元素的默认字体大小是16px

        4、rem  

           相对于根标签根元素改变字体的大小,一般用来做响应式的布局

二、颜色单位

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

    red  green  yellow  orange  

      这种单位不推荐使用   单词比较多,不好描述

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

     R red

     G green

     B blue

     浓度值  0-255

  3:RGBA

     a  透明度   0-1之间数值

       1 不透明   0 完全透明

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

    十六进制   0-9abcdef     如果数值两两重复,可以截取一位表示

    常用的颜色

       #ccc  灰色  #eee  深灰色

       #f00  红色  #0f0   绿色

       #f60  棕黄色

    rgb(255,0, 0)

  5:HSL值  HSLA值

    颜色浓度

    色相

    亮度

    透明度

 三、字体样式

1:color   设置字体颜色,也可以设置其他颜色

  2:font-size  设置字体的大小  单位 px,em rem

  3:font-family  可以指定文字的字体

  4:@font-face   自定义字体

  

<style>
      p {
        color: re
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值