zoukankan      html  css  js  c++  java
  • 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; }/*上划线样式*/
  • 相关阅读:
    PCA理论与实践
    深度挖掘客户价值—分析角度篇
    多元线性回归理论与实践
    数据分析框架
    Growing转化的每一步(笔记整理)
    kmeans算法原理以及实践操作(多种k值确定以及如何选取初始点方法)
    mysql查询优化(持续更新中)
    mysql 各种运算对于null值的处理
    left join与on,where 结合一起用的异同
    Spark(十一) -- Mllib API编程 线性回归、KMeans、协同过滤演示
  • 原文地址:https://www.cnblogs.com/chenglj/p/7380862.html
Copyright © 2011-2022 走看看