053288628280
您的当前位置:首页 > 技术支持 > 建站知识 >

css文字样式解析

时间:2017-08-15

1文字字体:font-family。样式:

 

以下为引用的内容:
h2{
 font-family:黑体, 幼圆;
}

 

如果属性的值多个。就是先选择黑体,没有黑体再选择幼圆。

2.字体的大小font-siez:

 

以下为引用的内容:
<style>
<!--
p.inch{ font-size: 0.5in; }
p.cm{ font-size: 0.5cm; }
p.mm{ font-size: 4mm; }
p.pt{ font-size: 12pt; }
p.pc{ font-size: 2pc; }
-->
</style>

 

3.文字的颜色color:

 

以下为引用的内容:
h2{ color:rgb(0%,0%,80%); } 
p{
 color:#333333;
 font-size:13px;
}
p span{ color:blue; }

 

以上采用三种定义颜色的方法

4.文字的粗细:font-weight:

 

以下为引用的内容:
<style>
<!--
h1 span{ font-weight:lighter;}
span{ font-size:28px; }
span.one{ font-weight:100; }
span.two{ font-weight:200; }
span.three{ font-weight:300; }
span.four{ font-weight:400; }
span.five{ font-weight:500; }
span.six{ font-weight:600; }
span.seven{ font-weight:700; }
span.eight{ font-weight:800; }
span.nine{ font-weight:900; }
span.ten{ font-weight:bold; }
span.eleven{ font-weight:normal; }
-->
</style>

 

 

5.斜体font-style:

 

以下为引用的内容:
h1{ font-style:italic; }   /* 设置斜体 */
h1 span{ font-style:normal; }  /* 设置为标准风格 */

 

6.下划线,上划线 删除线 text-decoration:

 

以下为引用的内容:
p.one{ text-decoration:underline; }   /* 下划线 */
p.two{ text-decoration:overline; }   /* 顶划线 */
p.three{ text-decoration:line-through; } /* 删除线 */
p.four{ text-decoration:blink; }   /* 闪烁 */

 

7.英文字母大小写text-transform:

 

以下为引用的内容:
p.one{ text-transform:capitalize; }  /* 单词首字大写 */
p.two{ text-transform:uppercase; }  /* 全部大写 */
p.three{ text-transform:lowercase; } /* 全部小写 */

 

  •  

相关文章

Copyright © 2009-2017 千龙网络 版权所有  鲁ICP备09004053号 TAG SITEMAP