zoukankan      html  css  js  c++  java
  • CSS3的使用方法解析

    1.text-shadow:5px 5px 5px red,
    9px 13px 10px blue,
    8px 12px 10px #ccc;
    字体阴影面积显示(同box-shadow)
    2.自己设置字体
    @font-face{
    /* 可以设置字体 */
    font-family:WebFont;
    /* ttf :0 otf:t */
    src:url('ygyxsziti2.0.ttf')format("truetype");
    }
    div{
    font-family:WebFont;
    }
    3.font-size-adjust:0.57; 设置同类字体显示大小一样
    4.text-transform:
    capitalize
    将每个单词的第一个字母转换成大写
    uppercase
    将每个单词转换成大写
    lowercase
    将每个单词转换成小写
    5.white-space:
    pre-wrap:
    用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字碰到边界时发生换行。
    pre-line:
    保持文本的换行,不保留文字间的空白距离,当文字碰到边界时发生换行。
    6.  writing-mode 书写格式
    -webkit-writing-mode:vertical-rl;
    writing-mode:tb-rl;
    horizontal-tb:
    水平方向自上而下的书写方式。即 left-right-top-bottom(类似IE私有值lr-tb)
    vertical-rl:
    垂直方向自右而左的书写方式。即 top-bottom-right-left(类似IE私有值tb-rl)
    vertical-lr:
    垂直方向自左而右的书写方式。即 top-bottom-left-right
    lr-tb:
    左-右,上-下。对象中的内容在水平方向上从左向右流入,后一行在前一行的下面。 所有的字形都是竖直向上的。这种布局是罗马语系使用的(IE)
    tb-rl:
    上-下,右-左。对象中的内容在垂直方向上从上向下流入,自右向左。后一竖行在前一竖行的左面。全角字符是竖直向上的,半角字符如拉丁字母或片假名顺时针旋转90度。这种布局是东亚语系通常使用的(IE)
    7.文本溢出
    text-overflow:
    clip:
    当内联内容溢出块容器时,将溢出部分裁切掉。
    ellipsis:
    当内联内容溢出块容器时,将溢出部分替换为(...)。
  • 相关阅读:
    一周总结
    各个方法的不同和优缺点
    随机抽签程序报告
    一周总结
    一周总结
    一周总结
    数据库基本知识
    线程相关概念
    进程相关概念
    模拟ssh实现远程执行命令(socket)
  • 原文地址:https://www.cnblogs.com/xieyulin/p/7056121.html
Copyright © 2011-2022 走看看