学习利用CSS标签控制文字样式的知识,从而实现排列出丰富的CSS文字效果来。
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; /*文字垂直向下对齐*/