1、text-transform --文本转换

定义文本的大小写状态,此属性对中文无意义

  • 取值:capitalize | uppercase | lowercase | none | inherit

    • capitalize: 首字母大写
    • uppercase: 大写
    • lowercase: 小写
    • none: 正常无变化
    • inherit: 继承
  • 引用网址:http://www.dreamdu.com/css/property_text-transform/
  • 初始值: none
  • 继承性: 是
  • 适用于: 所有元素
  • text:文本.transform:转换.

2、letter-spacing -- 定义文本中字母的间距(中文为文字的间距)

  • 取值: normal | <length> | inherit

    • normal: 正常(主要是根据用户所使用的浏览器等设备)
    • <length>: 长度表示法
    • inherit: 继承
  • 初始值: normal
  • 继承性: 是
  • 适用于: 所有元素
  • letter,中文"字母", spacing,中文"间隔"
  • 引用网址:http://www.dreamdu.com/css/property_letter-spacing/

3、word-spacing -- 定义以空格间隔文字的间距(就是空格本身的宽度)

  • 取值: normal | <length> | inherit

    • normal: 正常
    • <length>: 长度表示法
    • inherit: 继承
  • 初始值: normal
  • 继承性: 是
  • 适用于: 所有元素
  • word:词.spacing:间隔.
  • 引用网址:http://www.dreamdu.com/css/property_word-spacing/

4、text-decoration -- 定义文本是否有划线以及划线的方式

  • 取值:none | [ underline || overline || line-through || blink ] | inherit

    • none: 定义正常显示的文本
    • [underline || overline || line-through || blink]: 四个值中的一个或多个
      • underline: 定义有下划线的文本
      • overline: 定义有上划线的文本
      • line-through: 定义直线穿过文本
      • blink: 定义闪烁的文本
    • inherit: 继承
  • 引用网址:http://www.dreamdu.com/css/property_text-decoration/
  • 初始值: none
  • 继承性: 否
  • 适用于: 所有元素
  • text:文本.decoration:装饰.

5、white-space -- 空格内元素的显示方式

  • 取值: normal | pre | nowrap | pre-wrap | pre-line | inherit

    • normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行)
    • pre: 保持HTML源代码的空格与换行,等同与pre标签
    • nowrap: 强制文本在一行,除非遇到br换行标签
    • pre-wrap: 同pre属性,但是遇到超出容器范围的时候会自动换行
    • pre-line: 同pre属性,但是遇到连续空格会被看作一个空格
    • inherit: 继承
  • 初始值: normal
  • 继承性: 是
  • 适用于: 所有元素
  • white:白色.space:间隔,距离.
  • 引用网址:http://www.dreamdu.com/css/property_white-space/

css文本(教程)的更多相关文章

  1. HTML和CSS前端教程03-CSS文本样式

    目录 1.CSS颜色-建议就用十六进制 2.CSS长度的度量单位-建议就用px 3.CSS文本样式 3.1. 字体属性 3.1. 文本样式 1.CSS颜色-建议就用十六进制 p{ color: #ff ...

  2. css文本格式详解

    一.css文本主体内容: 二.css文本详解:  1.文本缩进 语法: text-indent:<length>|<percentage> 默认值为0. 属性值详解: < ...

  3. CSS入门教程——定位(positon)

    CSS入门教程——定位(positon) CSS定位在网页布局中是起着决定性作用.   定位 CSS的定位功能是很强大的,利用它你可以做出各种各样的网页布局.本节就介绍一些CSS常用的定位语句. 1. ...

  4. <转载>Div+Css布局教程(-)CSS必备知识

    目录: 1.Div+Css布局教程(-)CSS必备知识 注:本教程要求对html和css有基础了解. 一.CSS布局属性 Width:设置对象的宽度(width:45px). Height:设置对象的 ...

  5. Div+Css布局教程(-)CSS必备知识

    目录: 1.Div+Css布局教程(-)CSS必备知识 注:本教程要求对html和css有基础了解. 一.CSS布局属性 Width:设置对象的宽度(width:45px). Height:设置对象的 ...

  6. div+css布局教程(1)

    margin:Margin属性用于设置两个元素之间的距离. 后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right因为0 auto,表示上下边界为0,左右则根据宽度自 ...

  7. 学无止境的CSS(xHTML+CSS技巧教程资源大全)

    本文里面收集一些有关CSS的技巧.教程.工具和观点等,其中一些你也许早就运用的炉火纯青,也可能有的你听都没听说过.不管是新手还是高手,大家都继续学习吧. 一,Web 标准 要玩游戏,就得先了解规则.要 ...

  8. 第 15 章 CSS 文本样式[下]

    学习要点: 1.文本总汇 2.文本样式 3.文本控制 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 文本样式,通过文本样式的设置,更改字体的大小.样式以及文本的方位. 一.文本总汇 本节课, ...

  9. 第 15 章 CSS 文本样式[上]

    学习要点: 1.字体总汇 2.字体设置 3.Web 字体 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 文本样式,通过文本样式的设置,更改字体的大小.样式以及文本的方位. 一.字体总汇 本节 ...

  10. CSS基础教程 -- 媒体查询屏幕适配

    响应式布局 Media Query 的使用方法 在上例中, 我们使用Media Queries来根据3种不同尺寸的窗口使用3种不同的样式.通过不同的媒体类型和条件定义样式表规则,媒体查询让CSS可以更 ...

随机推荐

  1. 【Python之路】第十八篇--MySQL(一)

    一.概述 1.什么是数据库 ? 答:数据的仓库. 2.什么是 MySQL.Oracle.SQLite.Access.MS SQL Server等 ? 答:他们均是一个软件,都有两个主要的功能: a. ...

  2. 004-shiro简介

    一.什么是shiro shiro是apache的一个开源框架,是一个权限管理的框架,实现 用户认证.用户授权. spring中有spring security (原名Acegi),是一个权限框架,它和 ...

  3. python中unicode和str的组合

    python中unicode对象和str对象拼接在一起,会自动将str对象转换成unicode对象 即:a="aa" b=u"bb" c=a+b type(c) ...

  4. pyplot基本绘制

    pyplot实现的功能与Matlab中的绘制方式很相似. 先看一个绘制折线的例子: import matplotlib.pyplot as plt plt.plot([1, 17, 8, 9]) pl ...

  5. Python HTML Resolution Demo - SGMLParser & PyQuery

    1. SGMLParser: 这里定义了一个Parse类,继承SGMLParser里面的方法.使用一个变量is_h4做标记判定html文件中的h4标签,如果遇到h4标签,则将标签内的内容加入到Pars ...

  6. Django框架之ORM(数据库)操作

    一.ORM介绍 映射关系: 表名 -------------------->类名 字段-------------------->属性 表记录----------------->类实例 ...

  7. Java并发(4):ThreadLocal

    一.对ThreadLocal的理解 ThreadLocal是java.lang包中的一个类,很多地方叫做线程本地变量,也有些地方叫做线程本地存储,其实意思差不多.可能很多朋友都知道ThreadLoca ...

  8. CNN学习笔记:池化层

    CNN学习笔记:池化层 池化 池化(Pooling)是卷积神经网络中另一个重要的概念,它实际上是一种形式的降采样.有多种不同形式的非线性池化函数,而其中“最大池化(Max pooling)”是最为常见 ...

  9. vue-cli中config目录下的index.js文件详解

    vue-cli脚手架工具config目录下的index.js解析 转载自:http://www.cnblogs.com/ye-hcj/p/7077796.html // see http://vuej ...

  10. Top 10 Uses For A Message Queue

    We’ve been working with, building, and evangelising message queues for the last year, and it’s no se ...