CSS中一些单位值&文本样式

颜色

RGB/RGBA/HSL/HSLA/#

rgb:给定的三个参数,表示的红色,绿色和蓝色通道的颜色值,由0到255表示, 例如:rgb(255,0,0)

rgba:设置透明度,范围在0-1之间,0是完全透明的,1是完全不透明的。例如:rgba(255,0,0,0.5)

HSL: 色调 0-360  0 红色 120 绿色  240 蓝色
             饱和度 0-100% 0灰色 100全彩
             亮度 0-100% 0黑色 100白色

HSLA用法和rgba相似,最后一位为透明度

长度宽度大小
        百分比
         占父元素的百分比
         width:50%;
        绝对值单位
         px  像素 mm cm in(英寸)
        相对值单位
         em  1em 和当前字体大小相同(一个大写M的宽度)
         默认字体大小16px,1em = 16px
         font-size=20px;那1em = 20px
         rem   总是等于默认大小 如果默认是16px 那1rem = 16px

文本样式
      color 字体颜色
      font-size  指定字体大小
      font-family  字体(宋体、楷体、微软雅黑....)
       在线字体,在线图标引入
      font-style:  斜体 normal italic oblique        i
      font-weight  加粗 100-900 默认400  bold=700 
                   lighter 比父元素字体更细   
                   bolder  比父元素字体更粗 
      text-align   left center right
      text-decoration  
      text-decoration-style
      text-decoration-color  
      text-decoration-line           
      text-transform  文本变形  none  
                    uppercase  大写
                    lowercase  小写
                    capitalize  首字母大写
                    full-width  转换为类似于等宽的字体

font-size 为字体指定文字大小,取值可以为绝对单位或者相对单位

font-family 为文字指定特殊的字体,浏览器只会使用浏览器可以访问到的字体

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值