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. Java实现对List去重

    方式一,使用for循环遍历去除List中的重复元素代码如下 public static void main(String[] args) { Test07 test07 = new Test07(); ...

  2. Pandas 通过追加方式合并多个csv

    常用合并 通常用pandas进行数据拼接.合并的方法有: pandas.merge() pandas.concat() pandas.append() 还有一种方式就是通过 pd.to_csv() 中 ...

  3. mysql 中sum (if())与case

    先来一个简单的sum select sum(qty) as total_qty from inventory_product group by product_id 这样就会统计出所有product的 ...

  4. 2017年最有价值的IT认证——From Global Knowledge

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

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

  6. Mysql学习笔记—视图

    1.什么是视图 视图(View)是一种虚拟存在的表.其内容与真实的表相似,包含一系列带有名称的列和行数据.但是视图并不在数据库中以存储的数据的形式存在.行和列的数据来自定义视图时查询所引用的基本表,并 ...

  7. Webbench进行网站压力测试

    今天突然发现一个新大陆,Webbench,是linux下,用这很方便,开源,不限制并发访问次数和时间....大爱啊! 下载Webbench 使用wget  或者windows下载好导入linux也行, ...

  8. Linux环境配置全局jdk和局部jdk并生效

    全局jdk配置: 1.root用户登录 2.进入opt目录,新建java文件夹 cd  /opt mkdir java  上传jdk7u79linuxx64.tar.gz包到java文件夹并解压 jd ...

  9. boost shared_ptr weak_ptr

    文档: http://www.boost.org/doc/libs/1_57_0/libs/smart_ptr/shared_ptr.htm shared_ptr构造有个原型 template< ...

  10. java栈的实现

    可以采用数组与链表两种方法来实现栈. 1.用数组实现栈 import java.util.Arrays; public class MyStack<E>{ private Object[] ...