• css字体文本格式 鼠标样式


    缩进

    text-indent 属性规定文本块中首行文本的缩进。(允许使用负值。如果使用负值,那么首行会被缩进到左边。)

    length 定义固定的缩进。默认值:0。
    % 定义基于父元素宽度的百分比的缩进。
    inherit 规定应该从父元素继承 text-indent 属性的值

    eg:

    text-indent:2rem    //首行缩进两个字符

    换行

    word-wrap 属性允许长单词或 URL 地址换行到下一行。

    word-wrap: normal|break-word;

    normal 只在允许的断字点换行(浏览器保持默认处理)。
    break-word 在长单词或 URL 地址内部进行换行。

    p{ white-space:nowrap; } //强制不换行 

    注: display:inline :内联对象的默认值。用该值将从对象中删除行。如果其前后都是inline的则在同一行

    p{ word-wrap:break-word; word-break:normal; }//自动换行 
    p{ word-break:break-all; }//强制英文单词断行

    *注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。

    span { display:block; }

     字体间距

    letter-spacing:汉字间字间距设置或者英文单词中每个字母的间距
    word-spacing:设置英文每个单词之间的距离,对中文文字之间的距离没有效果

    重要:letter-spacing 在ie与ff下解析不一样.ff解析时最后一个字后面会加上所定义的距离,而IE不会,因此就会造成定义间距越大差别越大!
    特别注意的是,在内容最后一个字后面不能出现空格。如果出现空格 IE下则会认为这是一个字符.也会给这个空格加上letter-spacing值.

    转换文本格式

    text-transform

    none 默认。定义带有小写字母和大写字母的标准的文本。
    capitalize 文本中的每个单词以大写字母开头。
    uppercase 定义仅有大写字母。
    lowercase 定义无大写字母,仅有小写字母。
    inherit 规定应该从父元素继承 text-transform 属性的值。

    常用鼠标样式

    div{ cursor:pointer }/*手指形状 链接选择效果*/

    文本下划线 删除线 上划线

    div{text-decoration: none; }/*无装饰,通常对html下划线标签去掉下划线样式*/
    div{text-decoration: underline; }/*下划线样式*/
    div{text-decoration: line-through; }/*删除线样式-贯穿线样式*/
    div{text-decoration: overline; }/*上划线样式*/
  • 相关阅读:
    Ajax实践学习笔记(三) Ajax应用模型
    代码之美
    Git 和Github初次使用 (转) Anny
    VisitsPageViewUnique Visitors: Metrics From GA Anny
    Building and Installing Node.js Anny
    Callback in NodeJS Anny
    Intall Apache & php on Ubuntu Anny
    [转载]Linux系统下超强远程同步备份工具Rsync使用详解 Anny
    Cannot Boot WEBrick: "WARN TCPServer Error: Address already in use " Anny
    chmod(转) Anny
  • 原文地址:https://www.cnblogs.com/chenglj/p/7380862.html
Copyright © 2020-2023  润新知