转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
CSS字体Font语法及实例介紹下篇         ★★★★

CSS字体Font语法及实例介紹下篇

作者:闵涛 文章来源:闵涛的学习笔记 点击数:907 更新时间:2009/6/9 2:31:12

九:Text-decoration

语法:
 
text-decoration : none || underline || blink || overline || line-through
 
参数:
 
none :  无装饰
blink :  闪烁
underline :  下划线
line-through :  贯穿线
overline :  上划线
 
说明:
 
检索或设置对象中的文本的装饰。
有href特性的a,以及u,ins对象默认值为underline 。
对象strike,s,del,默认值是line-through。
没有文本的对象此属性不会作用。
对应的脚本特性为textDecoration。请参阅我编写的其他书目。
 
示例:
 
div { text-decoration : underline; }
div { text-decoration : underline overline; }

十:text-underline-position

语法:
 
text-underline-position : below | above
 
参数:
 
below :  在文本下面
above :  在文本上面
 
说明:
 
设置或检索text-decoration属性定义的下划线的位置。
对应的脚本特性为textUnderlinePosition。请参阅我编写的其他书目。
 
示例:
 
p { text-underline-position: above; text-decoration: underline; }

十一:text-shadow

语法:
 
text-shadow : color || length || lenth|| opacity
 
参数:
 
color :  指定颜色。请参阅颜色单位和附录:颜色表
length :  由浮点数字和单位标识符组成的长度值。可为负值。第一个length指定阴影的水平延伸距离。第二个length指定阴影的垂直延伸距离。请参阅长度单位
opacity :  由浮点数字和单位标识符组成的长度值。不可为负值。指定模糊效果的作用距离。如果你仅仅需要模糊效果,将前两个length全部设定为0。请参阅长度单位
 
说明:
 
设置或检索对象中文本的文字是否有阴影及模糊效果。
可以设定多组效果,方式是用逗号隔开。
可以被用于伪类:first-letter和 :first-line。
目前IE5.5尚不支持此属性。
对应的脚本特性为textShadow。请参阅我编写的其他书目。
 
示例:
 
p { text-shadow: 0px 0px 20px yellow, 0px 0px 10px orange, red 5px -5px; }
p:first-letter { font-size: 36px; color: red; text-shadow: red 0px 0px 5px;}

十二:font-variant

语法:
 
font-variant : normal | small-caps
 
参数:
 
normal : 正常的字体
small-caps : 小型的大写字母字体
 
说明:
 
设置或检索对象中的文本是否为小型的大写字母。
对应的脚本特性为fontVariant。请参阅我编写的其他书目。
 
示例:
 
span { font-variant: small-caps; }

十三:text-transform

语法:
 
text-transform : none | capitalize | uppercase | lowercase
 
参数:
 
none :  无转换发生
capitalize :  将每个单词的第一个字母转换成大写,其余无转换发生
uppercase :  转换成大写
lowercase :  转换成小写
 
说明:
 
检索或设置对象中的文本的大小写。
对应的脚本特性为textTransform。请参阅我编写的其他书目。
 
示例:
 
div { text-transform : uppercase; }

十四:line-height

语法:
 
line-height : normal | length
 
参数:
 
normal :  默认行高
length :  百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。请参阅长度单位
 
说明:
 
检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。
如行内包含多个对象,则应用最大行高。此时行高不可为负值。
对应的脚本特性为lineHeight。请参阅我编写的其他书目。
 
示例:
 
div {line-height:6px; }
div {line-height:10.5; }

十五:letter-spacing

语法:
 
letter-spacing : normal | length
 
参数:
 
normal :  默认间隔
length :  由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
 
说明:
 
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
对应的脚本特性为letterSpacing。请参阅我编写的其他书目。
 
示例:
 
div {letter-spacing:6px; }
div {letter-spacing:0.5pt; }

十六:word-spacing

语法:
 
word-spacing : normal | length
 
参数:
 
normal :  默认间距
length :  由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
 
说明:
 
检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用。
对应的脚本特性为wordSpacing。请参阅我编写的其他书目。
 
示例:
 
div { word-spacing : 10; }
div { word-spacing : 10px; }


[办公软件]Office(Word,Excel)密码破解软件(Office Password…  [办公软件]问答形式给您解决打印机不能正确打印字体的难题
[办公软件]Office文档如何使用字号设置超大文字(字体字号设置…  [Web开发]NET实现文件上传CS源代码
[Web开发]增加或修改Session的会话时间  [Web开发]ASP.NET 2.0使用CSS失效的解决办法
[Web开发]CSC命令使用示例(将CS文件编译成DLL文件)  [Web开发]csc命令详解(在NET环境中DOS状态下使用)
[Web开发]ASP.NET动态加载不同CSS,实现切换皮肤效果  [Web开发]一大堆常用的超强的正则表达式及RegularExpressio…
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台