zoukankan      html  css  js  c++  java
  • CSS文字,文本常用样式

    CSS文字,文本常用样式

    字体属性

    font-family

    如果电脑没有第一个字体,就切换到下一个

    body {
        font-family: Microsoft YaHei,Helvetica,Arial,sans-serif;
    }
    

    font-size

    字体大小

    浏览器字体默认大小一般16px

    px是绝对大小,不会随浏览器变化变化

    em相对单位

    rem主要应用移动端

    color

    三种颜色表示

    color:rgb();0-255 10进制
    color:red;
    color:#000000;16进制表示法
    
    color:rgba(255,0,0,.3);a为透明度
    

    font-style

    字体样式

    属性值 描述
    normal 默认的,文本设置为普通字体
    italic 如果当前字体的斜体版本可用,那么文本设置为斜体版本;如果不可用,那么会利用 oblique 状态来模拟 italics。常用
    oblique 将文本设置为斜体字体的模拟版本,也就是将普通文本倾斜的样式应用到文本中。

    font-weight

    字体粗细

    属性值 描述
    normal 普通的字体粗细,默认
    bold 加粗的字体粗细
    lighter 比普通字体更细的字体
    bolder 比bold更粗的字体
    100~900 400表示normal

    文本属性

    text-decoration

    文字线条

    属性值 描述
    none 无文本的修饰
    underline 文本下划线
    overline 文本上划线
    line-through 穿过文本的线,可以模拟删除线

    text-indent

    文本缩进

    text-indent: 32px;
    text-indent:2em; 缩进2个字体的长度
    

    line-height

    行高

    行高要大于字体大小

    letter-spacing

    文字之间的距离(中文)

    word-spacing

    英文单词之间的距离

    text-align

    文本对齐

    属性值 描述
    left 文本左对齐,默认
    right 文本右对齐
    center 中心对齐
  • 相关阅读:
    javascript与CSS复习(《精通javascript》)
    javascript改进表单
    javascript与CSS复习(三)
    javascript dom代码应用:简单的相册
    重新发明轮子之Draggable Elements
    《精通javascript》5,6章复习(三)
    我的JAVA之旅(五)继承
    全面学习DBMS包之UTL_FILE
    想法
    生活在上海
  • 原文地址:https://www.cnblogs.com/zx125/p/11518507.html
Copyright © 2011-2022 走看看