CSS初级入门：文字的属性
发布时间：2006-06-06 19:35:33 来源：天极网 网友评论 0 条文字属性是可以设置文字的颜色、大小、字型、粗细等等。
| 原始代码 | <STYLE> <SPAN CLASS=c1>A</SPAN> |
| 显示结果 | A B C D |
文字颜色 { COLOR }
语法：{ COLOR : ( color ) }
| 原始代码 | <STYLE> SPAN.test {color:red} </STYLE> <SPAN CLASS=test>A B C D</SPAN> |
| 显示结果 | A B C D |
文字类别 { FONT }
设置字体样式、大小写变化、粗细、大小、文字行列高度、字型
语法：{ FONT : ( font-style )︱( font-variant )︱( font-weight )︱( font-size )︱( font-family )︱/ ( line-height ) }
| 原始代码 | <STYLE> SPAN.test {FONT:ITALIC BOLD 12pt/18pt} </STYLE> <SPAN CLASS=test>A B C D</SPAN> |
| 显示结果 | A B C D |
下载字型 { @FONT-FACE }
语法：@FONT-FACE { FONT-FAMILY : ( font-family ) ; SRC : URL ( url ) }
| 原始代码 | <STYLE> @FONT-FACE { FONT-FAMILY : (未定) ; SRC : URL ( 下载地址 ) } </STYLE> |
| 显示结果 | 没有结果 |
文字字型 { FONT-FAMILY }
语法：{ FONT-FAMILY : ( font-name )︱( generic-family ) }
| 原始代码 | <STYLE> SPAN.test {FONT-FAMILY:"Arial Black"} </STYLE> <SPAN CLASS=test>A B C D</SPAN> |
| 显示结果 | A B C D |
文字大小 { FONT-SIZE }
设定字体大小 ( 可设单位属性 : 点 pt、英寸 in、公分 cm、像素 px、百分比 % )
语法：{ FONT-SIZE : LARGE︱MEDIUM︱SMALLER︱( length )︱( percentage ) }
| 原始代码 | <STYLE> SPAN.test1 {FONT-SIZE:LARGE} SPAN.test2 {FONT-SIZE:10pt} SPAN.test3 {FONT-SIZE:50%} </STYLE> <SPAN CLASS=test>A B C D</SPAN> <SPAN CLASS=test1>E F G H</SPAN> <SPAN CLASS=test2>I J K L</SPAN> |
| 显示结果 | A B C D E F G H I J K L |
文字样式 { FONT-STYLE }
设定字体样式 ( 分为 : 正常、斜体 )
语法：{ FONT-STYLE : NORMAL︱ITALIC }
| 原始代码 | <STYLE> SPAN.test1 {FONT-STYLE:ITALIC} </STYLE> <SPAN CLASS=test>A B C D</SPAN> |
| 显示结果 | A B C D |
文字变化 { FONT-VARIANT }
设定字体变化 ( 分为 : 正常、小字体 )
语法：{ FONT-VARIANT : NORMAL︱SMALL-CAPS }
| 原始代码 | <STYLE> SPAN.test1 {FONT-VARIANT:SMALL-CAPS} </STYLE> <SPAN CLASS=test>A B C D</SPAN> |
| 显示结果 | A B C D |
文字粗细 { FONT-WEIGHT }
设定字体粗细 ( 分为 : 正常、粗字体 )
语法：{ FONT-WEIGHT : NORMAL︱BOLD }
| 原始代码 | <STYLE> SPAN.test1 {FONT-WEIGHT:BOLD} </STYLE> <SPAN CLASS=test>A B C D</SPAN> |
| 显示结果 | A B C D |
- 推荐阅讯
- 在 CSS 中关于字体处理效果的思考
- 用CSS floats创建三栏页布局
- 不用float实现模块居中布局
- 不用script仅用css编写无限分级弹出菜单
- CSS解决未知高度的DIV垂直居中
- 中文排版CSS心得
- fieldset实现表中表效果
- 创建自定义代码片段 提高CSS布局开发效率
- CSS的“顶级技巧”
- 超级漂亮的表格:彩色背景
- 阅读排行
- 1.如何使用CSS来进行网页排版
- 2.CSS样式表教程-If you love css …
- 3.CSS用样式表美化你的网页
- 4.网页制作：几种所见所得的WEB在线编辑器
- 5.网页常见可用性错误——表单组件错误
- 6.CSS+JavaScript打造超酷右键菜单
- 7.针对浏览器隐藏CSS之九大技巧
- 8.DIV＋CSS网页布局入门
- 9.搜索引擎的蜘蛛人（ROBOTS）秘密
- 10.CSS垂直树形下拉菜单
- 专题教程
- Windows Server-Windows Server文档-Windows Server新闻-Windows Ser PostgreSQL-PostgreSQL文档-PostgreSQL新闻-PostgreSQL专家
- WebLogic-WebLogic文档-WebLogic新闻-WebLogic专家 FreeBSD-FreeBSD文档-FreeBSD新闻-FreeBSD专家
- Linux-内核 GUI KDE Gnome DNS FTP 安全 安装-Linux专区 Windows-AD IIS ServerCore 虚拟化 安全 HPC-Windows专区
- 大话G游 专题：手机病毒揭密
- ARP攻击防范与解决方案 路由故障处理手册