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

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

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

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

    11、情景选择:

    如果你想让所有加重显示的文字都以红色显示,
    但条件是只有当这些加显示的文字出现在通常的主体文字内时。
    不可能吗?利用样式表可以实现你最狂野的梦想。
    情景选择将使你梦想成真,心想事成。
    情景选择要求你设定一个可以执行选择说明的情景即可。

    P B { color: red }

    <H1><B>Emma Thompson</B>, Actress
    </H1>
    <P>Dramatic actor, inspired
    comedienne. Is there <B>nothing</B>
    she can't do?</P>

    样式表的规则告诉浏览器只将所有<P>之内加重显示的文字以红色显示。
    所以,<P>之外标题的加重文字不会以红色显示,而<P>之内的文字则是。


    12、样式表的串接顺序:

    Inline styles (行内样式)
    Embedded styles (植入样式)
    Linked styles (链接样式)
    Imported styles (输入样式)
    Default browser styles(缺省浏览器样式)
    浏览器将按照上述顺序执行样式表的指令。


    13、使用特别说明的样式表规则,例:
    BODY { color: green }
    P { color: red }

    有一项规则特别说明<P> 中的文字一红色显示,
    但它同时也继承了<BODY>的绿色规定。
    但是特别说明了的规则的重要性要大于继承的规则,
    所以<P>之内的文字一红色显示。

    14、问题:如果样式表规则同HTML标签冲突时,如何处理?我们看一下这个例子:

    I { font-family: impact }

    <P>I think <I><FONT FACE="Times">
    East of Eden</FONT></I> is Stein
    beck's best novel.</P>

    该例中样式表规则要求浏览器使用Impact,但是传统的HTML<FONT FACE>标签要求用Times字体,一个很明显的传统。

    根据正式的样式表规定,应该优先执行样式表规则。

    但是最主要的几种浏览器Netscape 和IE 4.0 都规定应优先执行HTML。唉.......

    你看到了吧,浏览器不能如我们希望的那样应用串接样式表。节哀顺变吧。


    15、字体:

    字模系列就是CSS中称呼一种字体的名称属性。其基本语法如下:

    H2 { font-family: helvetica,
    impact, sans-serif }

    这里是Web浏览器阐释样式表的规则:
    首先在列表中寻找字体的名称(helvetica),
    如果在该计算机中安装了这种字体,就使用它。
    如果没有安装,则移向下一种字体(impact),如果这种字体也没有安装,
    则移向第3种字体(sans-serif)。
    sans-serif字体参数是浏览器可以依据的最后一种参数,
    它告诉浏览器使用任何一种缺省sans-serif字体(或许就是Arial)。


       收藏   分享  
    顶(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 2:37:44

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

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