RSS订阅
PHP程序员站--WWW.PHPERZ.COM  
网站地图
高级搜索
收藏本站

 当前位置:主页 >> 网页制作 >> CSS >> 文章内容
五日精通CSS层叠样式表之第二日(6)
[收藏此页[打印本页]   
来源:  作者:  发布时间:2007-12-12

第2日的练习

以下的练习将帮助你尝试练习串接样式表的一些属性。你的任务:只使用HTML和样式表复制这张样式表实例,记住,你必须有4.0版的浏览器,以便使实例显示效果正常。

完成之后,想想有没有其它方法作出同样的效果。

复习

今天我们探索了字体的奇妙世界:字型、字号、加重显示、斜体字、大写、下划线等等。利用传统的HTML你的确也可以作很多事情,但不是所有事,而且也达不到样式表对字体的控制程度。

串接样式表的字体属性总结:


www phperz com

  • 字模系列定义字体以何种字体显示字号使你可以利用points,pixels,
    关键字及其它尺寸单位控制文字的尺寸。
  • 字体风格用于斜体字显示。
  • 字重对字体加重显示的程度作全面的控制。
  • 字体参数(font-variant)将文字以小一半的尺寸大写显示。
  • 文字变形(text-transform)控制大写。
  • 文字修饰(text-decoration)可以控制文字的多种细节的变化,如下划线、闪烁等等。

还需提到另外一项重要的属性,字体。字是一种将字号、行高度及字母系列一次义的快捷方式。例:

PHP程序员站--PHP程序员之家


LI { font: 12pt/16pt courier }

PHP程序员站


这条规则将<LI>文字设置为:尺寸12points,行高度 16points,(我们将在明天谈到该属性),字型采用Courier。

使用字体属性时,必须设定字号和字型,但可以选择是否设定行高度。设定的顺序必须严格按照例子中的顺序。

这只是我们探索CSS众多属性的开始。明天我们将更深入研究字体属性及图文和布局。
PHP程序员站


 上一篇:五日精通CSS层叠样式表之第二日(5)   下一篇:正则表达式简单程教
 
 相关文章
 
发表评论
全部评论(0条)
 
 站内搜索
 热门搜索 mysql  基础  php基础  url
高级搜索 网站地图 站长工具 IP查询 收藏本站
 热点文章
 随机推荐
网站首页 | 网站地图 | 高级搜索 | RSS订阅
PHP程序员站 Copyright © 2007,PHPERZ.COM All Rights Reserved 粤ICP备07503606号 联系站长