文本颜色(color)

颜色属性被用来设置文字的颜色。
颜色是通过CSS最经常的指定:

十六进制值 - 如: #FF0000
一个RGB值 - 如: RGB(255,0,0)
颜色的名称 - 如: red

参阅 CSS 颜色值 查看完整的颜色值。
一个网页的背景颜色是指在主体内的选择:

body {color:red;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

文本的对齐方式(text-align)

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

当text-align设置为"justify",每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸)。

文本修饰(text-decoration)

这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。

可能的值(设置为none时常用来删除下划线)

none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

文本转换(text-transform)

p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

文本缩进(text-indent)

文本缩进属性是用来指定文本的第一行的缩进。

p {text-indent:50px;}

更多(菜鸟帮运)

指定字符之间的空间
这个例子演示了如何增加或减少字符之间的空间。

指定行与行之间的空间
这个例子演示了如何指定在一个段落中行之间的空间

设置元素的文本方向
这个例子演示了如何改变元素的文本方向。

增加单词之间的空白空间
这个例子演示了如何增加一个段落中的单词之间的空白空间。

在元素内禁用文字环绕
这个例子演示了如何禁用一个元素内的文字环绕。

垂直对齐图像
这个例子演示了如何设置文本的垂直对齐图像。

添加文本阴影
这个例子演示了如何设置文本阴影。
所有CSS文本属性。

属性 描述
color 设置文本颜色
direction 设置文本方向。
letter-spacing 设置字符间距
line-height 设置行高
text-align 对齐元素中的文本
text-decoration 向文本添加修饰
text-indent 缩进元素中文本的首行
text-shadow 设置文本阴影
text-transform 控制元素中的字母
unicode-bidi 设置或返回文本是否被重写
vertical-align 设置元素的垂直对齐
white-space 设置元素中空白的处理方式
word-spacing 设置字间距

CSS菜鸟教程自学2,Text文本相关推荐

  1. 《CSS菜鸟教程》学习

    学习资料:<CSS菜鸟教程> 学习目标:熟悉CSS语法即可 CSS简介 什么是CSS? CSS(Cascading Style Sheets)层叠样式表 CSS定义了如何显示HTML元素 ...

  2. TouchGTX使用教程Button实现Text文本显示变化【一】

    TouchGTX使用教程Button实现Text文本显示变化[一] 创建Touch GTX工程 主界面设计 添加按键 添加文本框 设计交互(按键链接处理函数) 交互代码编辑 运行查看效果 End To ...

  3. 根据菜鸟教程自学html的目录

    说明 根据HTML 教程 | 菜鸟教程 (runoob.com)自学,制作的目录和简要说明. 文章目录 说明 html简介 实例解析 什么是html html标签 html元素 web浏览器 Html ...

  4. css里td自带什么属性,关于css标签的属性(text文本属性,背景background,表格标签table,td标签属性)...

    简介这篇文章主要介绍了关于css标签的属性(text文本属性,背景background,表格标签table,td标签属性)以及相关的经验技巧,文章约1129字,浏览量216,点赞数4,值得参考! te ...

  5. C++学习8——菜鸟教程自学

    经过一段时间的学习,终于算是看完了基础的部分,今天正式进入所谓高级教程的部分. C++文件和流 <iostream>标准库中的cin和cout方法分别用于从标准输入读取流和从标准输出写入流 ...

  6. 菜鸟教程-css学习笔记

    CSS实例中有很多CSS的例子,可以学习. <!DOCTYPE html> <html> <head> <meta charset="utf-8&q ...

  7. 三小时学会css(菜鸟教程精华版)【上】

    三小时学会css 三小时学会HTML传送门 <!DOCTYPE html> <html> <head> <meta charset="utf-8&q ...

  8. 三小时学会css(菜鸟教程精华版)【下】

    三小时学会css 上期传送门 CSS组合选择符 组合选择符说明了两个选择器直接的关系: 后代选择器(以空格 分隔) 子元素选择器(以大于 > 号分隔) 相邻兄弟选择器(以加号 + 分隔) 普通兄 ...

  9. 三小时学会css(菜鸟教程精华版)【中】

    三小时学会css 上期传送门 CSS 盒子模型(Box Model) CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容. 盒模型允许我们在其它元素和周围元素边 ...

最新文章

  1. 赛门铁克发布针对WannaCry勒索软件的更新预警
  2. python计算平方面积_python中求平方
  3. 划分微型计算机的标志是,划分微型计算机的标志为
  4. 3*3卷积核 5*5卷积核到底有多大区别
  5. 运行维护:UPS电源并列运行分析及维护应用
  6. Eclipse中svn插件:Subclipse插件安装
  7. 各大公司java面试整理对应问题博客整理
  8. mac上安装zookeeper教程
  9. es6 语法 (Decorator)
  10. Weblogic的管理服务器与受管服务器
  11. java.net.NoRouteToHostException: Cannot assign requested address
  12. 【转载】IDEA中Git的更新/提交/还原方法
  13. Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID,反之也行!...
  14. amqp rabbitmq_Spring AMQP RabbitMQ示例
  15. c语言爱心代码简单,利用c语言实现简单心形的代码分享
  16. ttl低电平接大电阻_3.4 TTL门电路
  17. java反射--Field用法实践
  18. 恒生电子:控股股东恒生集团股权变更已完成工商变更登记手续
  19. 微信小程序解密encryptedData 报错:pad block corrupted 解决方法
  20. 设计模式——策略模式

热门文章

  1. 【数字信号处理】线性常系数差分方程 ( 使用递推解法求解 “ 线性常系数差分方程 “ | “ 线性常系数差分方程 “ 初始条件的重要性 )
  2. Git与GitHub基础全套完整版教程(持续更新....)
  3. WRDS卓越学者和沃顿研究数据与分析图书馆员会议在北京宾大沃顿中国中心举行:庆祝研究、思想领导力和全球合作方面的创新
  4. 图像处理之Mean Shift滤波(边缘保留的低通滤波)
  5. b区计算机复试国家线,今年调剂太恐怖 B区考研分数线竟比A区高?
  6. 仿bilibili微信小程序3
  7. Spark 3.0 - 6.ML 自定义 Transformer 踩坑大全
  8. 算法笔记.胡凡 第五章 数学问题
  9. 八个设计师接私活的网站,你有技术就有钱
  10. Windows Azure 虚拟网络中虚拟机的网络隔离选项