• CSS基础——文本


    1、color属性:设置文本颜色。无默认值

    • color属性值被间接用来提供一个中间值 currentColor 以供其他接受颜色值的属性使用。  

    • 如上代码,没有定义边框的颜色,但定义了color的颜色为red,那么这时red将会作为一个间接值 currentColor 提供给边框颜色属性,所以最终边框色也为red。

     2、text-align:设置文本水平对齐方式。默认start

    justify:内容两端对齐,但对于强制打断的行(被打断的这一行)及最后一行(包括仅有一行文本的情况,因为它既是第一行也是最后一行)不做处理。(CSS3) 

    3、text-indent:设置对象中文本缩进 ,单位常用em。

    4、text-transform:设置文本中对象的大小写

    5、text-shadow:设置文本阴影效果和模糊值

    none:
    无阴影
    <length>①:
    第1个长度值用来设置对象的阴影水平偏移值。可以为负值
    <length>②:
    第2个长度值用来设置对象的阴影垂直偏移值。可以为负值
    <length>③:
    如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值
    <color>
    设置对象的阴影的颜色。 

     6、word-wrap:当内容超过指定容器的边界时是否断行。

     

    normal:
    允许内容顶开或溢出指定的容器边界。
    break-word:
        内容将在边界内换行。如果需要,单词内部允许断行。

     块级元素默认不会超出边框,但是如果是长单词,可以超出。可以用word-wrap强制断行。

    • CSS3中将 <' word-wrap '> 改名为 <' overflow-wrap '>;
    • 由于历史原因,当你使用 <' overflow-wrap '> 时,最好同时使用 <' word-wrap '> 作为备选,作向前兼容。 

    7、overflow-wrap:

    normal:
    允许内容顶开或溢出指定的容器边界。
    break-word:
    内容将在边界内换行。如果需要,单词内部允许断行。
    8、text-overflow:定义内联内容溢出其块容器是否截断或者添加(...)及自定义字符
    • 要使得 <' 非visible值,同时显式或者隐式的定义 <' width '> 为非auto值, <' white-space '> 为nowrap值。 
    • clip:
      当内联内容溢出块容器时,将溢出部分裁切掉。
      ellipsis:
      当内联内容溢出块容器时,将溢出部分替换为(...)。

    9、overflow:定义元素处理溢出内容的方式。

        visible:对溢出内容不做处理,内容可能会超出容器
        hidden:隐藏溢出容器的内容且不出现滚动条。
        scroll:隐藏溢出容器的内容,溢出的内容可以通过滚动呈现。  
        auto:当内容没有溢出容器时不出现滚动条,当内容溢出容器时出现滚动条,按需出现滚
          动条。textarea元素的overflow默认值就是auto
    10、white-space:设置空格处理方式
      normal:默认处理方式。
      pre:用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字超出边界时不换行。可查阅
        pre对象
      nowrap:强制在同一行内显示所有文本,合并文本间的多余空白,直到文本结束或者遭遇br对象。 
      pre-wrap:用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字碰到边界时发行。  
      pre-line:保持文本的换行,不保留文字间的空白距离,当文字碰到边界时发生换行。 
  • 相关阅读:
    那海蓝蓝 微博
    林子雨老师团队《Architecture of a Database System》 中文版
    MySQL优化---DBA对MySQL优化的一些总结
    MySQL索引原理及慢查询优化 美团
    MySQL 调优基础:Linux内存管理 Linux文件系统 Linux 磁盘IO Linux网络
    pthread_mutex_t
    知数堂MYSQL优化课---CU论坛版主 DBA 博客
    MySQL通用优化 叶金荣!!!
    MySQL 之 Metadata Locking 研究
    MySQL 调优基础(三) Linux文件系统
  • 原文地址:https://www.cnblogs.com/yz9110/p/8615169.html
Copyright © 2020-2023  润新知