zoukankan      html  css  js  c++  java
  • CSS文本样式

    2-1 字体属性

    font-family:{"微软雅黑","宋体","黑体",sans-serif;}

    div{font:italic samll-caps bold 20px "微软雅黑",serif;}

    font-family属性值:具体字体名,字体集

    字体集:Serif (一般用作正文) Sans-serif(一般用作标题)  Monospace  Cursive  Fantasy

    ~字体:font-family

    ~文字大小:font-size

    ~文字颜色:color

    ~文字粗细:font-weight

    ~文字样式:font-style

    ~小型的大写字母:font-variant:small-caps

    2-5 font-size文字大小

    ~in:Inch英寸 1英寸=2.54厘米

    ~cm:厘米 1厘米=0.394英寸

    ~mm:毫米 1毫米=0.1厘米

    ~pt:磅,印刷的点数 72磅=1英寸

    ~pc:Pica,1pc=12pt

    font-size:larger;相对父元素的文字大小变大

    font-size:smaller;相对父元素的文字大小变小

    2-8 字体颜色(color)

    color:red;

    color:rgb(0,0,255)(0%,100%,0%)/*数字:0~255 百分比:0%~100%*/

    color:#008800;/*十六进制:#开头,六位,0~F*/

    2-11 文字样式(其他)

    font-weight:normal/bold/bolder/light/100~900

    400相当于normal,700相当于bold

    font-style:normal正常  italic斜体 oblique倾斜

    font-variant:normal  small-caps

    3-1 文本对齐方式(text-align)

    text-align:left right center justify   注意:text-align只对块级元素有效

    3-4 vertical-align

    vertical-align:baseline  sub super top text-top middle bottom text-bottom  长度   百分比

    注意:vertical-align只对行内元素有效

    单行文字垂直居中

    line-height=height

    text-align:center

    多行文字垂直居中

    3-7 行高(line-height)

    text-indent:2em;

    font-size:20px;

    line-height:1.5em;

    line-height:1em 16px 100%三种表现形式

    3-10 文本样式其他属性

    word-spacing 设置元素内单词之间的间距

    letter-spacing 设置元素内字母直接间距

    text-transform capitalize 首字母大写 uppercase 大写 lowercase 小写 none

    text-decoration underline 下划线 overline 上划线 line-through 删除线 blink闪烁 none

  • 相关阅读:
    时间随手记
    laravel简书(2)
    laravel简书(1)
    <<Design Patterns>> Gang of Four
    计算机网络你还懵逼吗?持续更新!!!
    poj3126 搜索
    POJ 1426 搜索进阶
    CodeForces 660D
    poj3279搜索详解
    bfs简单题-poj2251
  • 原文地址:https://www.cnblogs.com/cuishien/p/7991802.html
Copyright © 2011-2022 走看看