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. Golang Frameworks

    Web frameworks help developers build applications as easily and quickly as possible. Go is still rel ...

  2. Windows数据库定时备份

    首先打开:任务计划程序 右键任务计划程序库,选择创建基本任务 然后即可以按照实际情况逐步进行 直到启动程序--浏览(程序或脚本)时,这里本人导入的是backup.bat文件,文件内容为 @echo 设 ...

  3. python类的相关知识第一部分

    一.类的相关概念 (1).什么是类 具有同种属性的对象称为类,是个抽象的概念.比如说:汽车.人.狗.神: (2).什么是对象或实例 日常生活中的所有东西都是对象,是类的实例化.比如说:推土车是汽车的实 ...

  4. jQuery EasyUI 简介

    简介 jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件. 特点: ①easyui 是一个基于 jQuery 的框架,集成了各种用户界面插件. ②easyui 提供建 ...

  5. delphi 模拟POST提交数据

    unit GetHttpInfo; interface uses Classes, WinINet, Sysutils, windows, IDURI, IdSSLOpenSSL , IdBaseCo ...

  6. Java保留字和关键字

    Java的关键字:java的关键字对Java的编译器有着特殊的意义,它们表示一种数据类型或者程序的结构相关. Java的保留字:为Java预留的关键字,现在还没用到,但在新Java的版本升级中可能会用 ...

  7. Android Studio java和XML快速切换技巧

    今天又发现了一个Android Studio强大的功能,非常惊叹! 我们开发Android应用程序时,Activity或者Fragment会有一个相对应的布局.在Eclipse中或者一般的做法,我们会 ...

  8. JSP页面退出时清除会话Session

    我们用一个quit.jsp来处理用户退出系统的操作,quit.jsp负责注销session,及时释放资源. 注销session. 关闭浏览器窗口. 其代码如下所示: <%@ page conte ...

  9. [设计模式]迭代子模式 Iterator

    迭代子模式又叫做游标cursor模式,是对象的行为模式.迭代子模式可以顺序的访问一个聚集中的元素而不必暴露聚集的内部表象. 迭代子模式被广泛的应用在Java语言的API中的几个设计模式之一.在Java ...

  10. vue自定义全局和局部指令

    一.介绍 1.除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令. 2.自定义指令的分类       1.全局指令 2.局部指令 3.自定义全局指令格式 V ...