室内设计培训
平面设计培训
部落窝教育
网站首页 >> 设计在线 >> 文章内容

CSS文字样式标签

[日期:2010-03-07]   来源:主流技术阁  作者:主流技术阁   阅读:5399[字体: ]

  学习利用CSS标签控制文字样式的知识,从而实现排列出丰富的CSS文字效果来。主流技术阁这篇文章罗列出了一些常用的CSS文字属性,在以后我们还会陆续为大家推出一些相关的实例。大家也可以在熟悉了知识点,利用CSS文字属性来编排google的标志文字以及百度搜索引擎的搜索页面样式。

  CSS文字属性:

  1、color: #FF0000; /*文字颜色*/

  2、font-family : 宋体,sans-serif; /*文字字体*/

  3、font-size: 14pt; /*文字大小*/

  4、font-style:italic; /*文字斜体*/

  5、letter-spacing : 1pt; /*字符间距(汉字和英文均有效)*/

  6、line-height : 200%; /*设置行高*/

  7、font-weight:bold; /*文字粗体*/

  8、vertical-align:sub; /*下标字*/

  9、vertical-align:super; /*上标字*/

  10、text-decoration:line-through; /*加删除线*/

  11、text-decoration:overline; /*加顶划线*/

  12、text-decoration:underline; /*加下划线*/

  13、text-decoration:blink闪烁效果,只有Mozilla Firefox支持,IE浏览器绝大多数版本都不支持,显示不出来。

  14、text-transform : capitalize; /*首字大写*/

  15、text-transform : uppercase; /*英文大写*/

  16、text-transform : lowercase; /*英文小写*/

  17、text-align:right; /*文字右对齐*/

  18、text-align:left; /*文字左对齐*/

  19、text-align:center; /*文字居中对齐*/

  20、text-align:justify; /*文字分散对齐*/

  21、vertical-align:top; /*垂直向上对齐*/

  22、vertical-align:bottom; /*垂直向下对齐*/

  23、vertical-align:middle; /*垂直居中对齐*/

  24、vertical-align:text-top; /*文字垂直向上对齐*/

  25、vertical-align:text-bottom; /*文字垂直向下对齐*/

主流技术阁PS,CDR,213班 分享到: QQ空间 新浪微博 腾讯微博 人人网
photoshop教程
Photoshop教程
平面设计教程
Photoshop教程