zoukankan      html  css  js  c++  java
  • css文本及文本装饰

    CSS文本

    text-transform:字母大小写的转换

    white-space:控制空格以及换行符到底如何处理

    text-align:文本对齐方式(水平方向的)

    word-spacing:设置单词间距

    letter-spacing:字符间距

    text-indent:文本缩进

    vertical-align:文本垂直对齐方式

    line-height:行高

    text-transform:

      capitalize; 将每个单词的首字母转换成大写

      uppercase; 将每个单词转换成大写

      lowercase; 将每个单词转换成小写

    white-space:

      normal; 默认处理方式

      pre; 用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字超出边界不换行。

      nowrap; 强制在同一行内显示所有文本,合并文本间的多余空白,直到文本结束或者遭遇br对象。

      pre-wrap; 用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字碰到边界时发生换行。 

      pre-line; 保持文本的换行,不保留文字间的空白距离,当文字碰到边界时发生换行。

    text-align:

      left; 内容左对齐

      right; 内容右对齐

      center; 除了可以让文本居中以外,还可以让任意行级元素居中,但是不能让块级元素居中。

    word-spacing:属性查看

    letter-spacing:属性查看

    text-indent:属性查看

    vertical-align:属性查看

    line-height:

      1、让文本在容器内上下居中

      2、可以撑开容器

    CSS文本装饰

    基本上所有网页的超链接都不会保留默认的下划线,因为我们用到了text-decoration进行了css的文本装饰。

    text-decoration:

    可选值:none underline overline line-through blink

  • 相关阅读:
    fiddler模拟弱网测试环境
    3.12 获取地址定位
    3.11 第一次个人作业7
    3.10 第一次个人作业6
    3.9 第一次个人作业5
    3.8 第一次个人作业4
    3.7 第一个次个人作业3
    3.6 第一次个人作业2
    3.5 第一次个人作业
    3.4 TextClock的基本使用
  • 原文地址:https://www.cnblogs.com/crazier/p/12347485.html
Copyright © 2011-2022 走看看