5、CSS文字及文字属性

CSS文字及文本属性

文字颜色

    color  文字颜色
    关键字
        英文单词  red green
    16进制(0-9 a-f)
        #5544aa  #54a #abd456
        #dddddd  #ddd
    rgb(0-255,0-255,0-255)
        r red
        g green
        b blue
    rgba(0-255,0-255,0-255,0-1)
        r red
        g green
        b blue
        a alpha(透明度)
            0 完全透明
            1 完全不透明

字体类型

     font-style  字体类型
     normal 默认 文字正常
     italic  文字斜体(属性)
     oblique  文字斜体

    font-weight 字体粗细
    关键字
        normal 默认字体
        lighter 较细
        bold 加粗   这个要知道
        bolder 很粗
    给值
        只能100-900的整百数
        400相当于正常的
        700相当于bold

字体大小

   font-size   字体大小
       单位 px rem % em
       px   谷歌浏览器默认字体大小16px,最小是12px
       rem  相对于html(根标签)的字体大小
       em   等于父级的字体尺寸——相对于父级字体大小而言的
       %    相对于父容器中字体的%调整  这个要知道

文本属性

      white-space:  换行方式
      normal 正常换行
      nowrap 不换行

        text-indent 首行缩进(em)
        line-height 行高  *****
        letter-spacing 字距
        word-spacing 词距

       text-align 文本水平对齐方式
       left 默认值 向左对其 
       right
       center   *****

       text-transform 文本大小写
       none 默认值 无转换发生
       uppercase  转换成大写
       lowercase  转换成小写
       capitalize 将英文单词的首字母大写 

    text-decoration 下划线 删除线 上划线
      ***** none  默认值,可以用这个属性去掉已经有下划线或者删除线或者上划线的样式
       underline  下划线,一般用于文章的重点表明
       overline   上划线
       line-through  删除线 

猜你喜欢

转载自blog.csdn.net/qq_25372673/article/details/82961832