新书推介:《语义网技术体系》
作者:瞿裕忠,胡伟,程龚
   >>中国XML论坛<<     W3CHINA.ORG讨论区     计算机科学论坛     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
  •   Add to Google

    >> 本版讨论XSL,XSLT,XSL-FO,CSS等技术
    [返回] 中文XML论坛 - 专业的XML技术讨论区XML.ORG.CN讨论区 - XML技术『 XSL/XSLT/XSL-FO/CSS 』 → [原创]精通样式表技术笔记(四) 查看新帖用户列表

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 7105 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子 浏览下一篇主题
     * 贴子主题: [原创]精通样式表技术笔记(四) 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     卷积内核 帅哥哟,离线,有人找我吗?
      
      
      威望:8
      头衔:总统
      等级:博士二年级(版主)
      文章:3942
      积分:27590
      门派:XML.ORG.CN
      注册:2004/7/21

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给卷积内核发送一个短消息 把卷积内核加入好友 查看卷积内核的个人资料 搜索卷积内核在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 访问卷积内核的主页 引用回复这个贴子 回复这个贴子 查看卷积内核的博客楼主
    发贴心情 [原创]精通样式表技术笔记(四)

    16、对字体各种浏览器的支持应用:
    每次将一种generic字体作为最后的选项列在字体列表中是一种很好的做法。你可以选择以下几种:
    serif (也可能是 Times)
    sans-serif (也可能是 Arial或者 Helvetica)
    cursive (也可能是 Comic Sans)
    fantasy (也可能是 Ransom)
    monospace (也可能是 Courier)
    (注意:Netsacpe Communicator不支持Cursive或者fantasy)

    其它字体名称诀窍:

    如果一种字体的名称不只一个单词,如Gill Sans,在你的CSS代码中用引号包含该字体的名称。
    BODY { font-family: "gill sans", "new baskerville", serif }

    行内加入的CSS规则,使用单引号:
    <P STYLE="font-family:
    'gill sans', 'new
    baskerville', serif">Text
    goes here.</P>

    如果你将CSS规则的说明组合在一起,而其中又包含字模系列,将字模系列列在最后,例:
    H2 { color: red; margin:
    10px; font-family: times,
    serif }


    17、字号

    使用font-size 属性,你可以对文字的尺寸进行无限的控制。

    确定这的3种基本方法:

    Points, ems, pixels, 及其它单位
    关键字
    比例参数
    Points, Ems, Pixels, 及其它单位


    太简单了就不写了!


    18、字体风格

    字体风格用来控制斜体字的属性,非常漂亮又非常简单:

    H3 { font-style: italic }

    当浏览器接到应用斜体字的指令后,它将用户的机器中寻找安装的斜体字版本,
    如果不存在斜体字,浏览器将生成一种。常,就是指将正常的字体倾斜显示。

    如果一种字体的名称为Oblique,而不是Italic,浏览器就会使用oblique作为字体风格的参数。

    字体风格的第3种参数是normal,它将取消斜体字风格,将字体以正常形式显示。

    字重

    加重风格可以关闭或打开,利用字重属性,可以创造出一系列新的加重字体。

    P { font-weight: bold }

    这是字重最常见的应用方式,而normal属性也可以取消加重字体,将字体以正常形式显示。

    你还可以用数值100,200,...900。正常的非加重体的字体值为400,900是最加重的字体参数值。


    19、字体特殊效果:
    字体参数(font-variant)

    这时一种挺简单的属性,你可以将正常文字缩小一半尺寸后大写显示。

    H2 { font-variant: small-caps }

    文字变形(text-transform)

    这项属性可以使你轻而易举地控制字母写。基本代码:

    B { text-transform: uppercase }

    以下为所有可用的参数:

    uppercase 使所有字母大写显示,
    例:
    This sentence serves as an example.
    lowercase使所有字母小写显示,
    例:
    This sentence serves as an example.
    capitalize 使每个单词的第1个字母大写显示,例:
    This sentence serves as an example.
    none 使所有继承的文字变形参数被忽略,文字将以正常形式显示。

    B { text-decoration: underline }

    大部分的选项使得文字变得难以阅读:

    underline 给文字下划线,例:
    these words.
    overline给文字上划线,例:
    these words.
    line-through给文字划出删除线,
    例:these words.
    blink是你在恶梦中常常看到的--
    文字在闪烁,例:
    these words.
    none使得上述效果都不会发生。

    none参数非常有用,你可以使链接的文字不以下划线的形式显示。具体做法:

    A:link { text-decoration: none }
    A:active { text-decoration: none }
    A:visited { text-decoration: none }

    20、字间距

    利用字间距属性,你可以在字之间加入更的距离:

    H3 { word-spacing: 1em }

    你所使用的参数值将加入任何浏览器的缺设置,你可以使用任何种长度单位:

    in (英寸)
    cm (厘米)
    mm (毫米)
    pt (点数)
    pc (打字机字间距)
    em (ems)
    ex (x-height)
    px (象素)


    字母间距

    H3 { letter-spacing: 10px }


       收藏   分享  
    顶(0)
      




    ----------------------------------------------
    事业是国家的,荣誉是单位的,成绩是领导的,工资是老婆的,财产是孩子的,错误是自己的。

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2004/9/2 8:23:00
     
     GoogleAdSense
      
      
      等级:大一新生
      文章:1
      积分:50
      门派:无门无派
      院校:未填写
      注册:2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/4/29 1:27:29

    本主题贴数1,分页: [1]

    管理选项修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    78.125ms