About

<#TEMPLATE_INCLUDE_NINEPAGE_ABOUTME#>
  • Nov

    11

    在 Flex 开发应用时如果选择使用 spark 组件,默认它的字体比较丑,所以一般把它设为“微软雅黑”或其它无衬线字体。但 spark 组件种类又不像 mx 那么丰富,类似 MenuBar、Menu、Tree、AdvancedDataGrid  等带有字体显示的组件在 spark 中都没有的,所以很多时候就需要 spark 与 mx 混合使用。

    混合使用时设置一个默认的全局字体 fontFamily 必须要带引号,否则只会对 spark 组件起作用而不会对 mx 组件起作用。

    比如我们这么写,它只会让 spark 组件的字体变成微软雅黑,并不会让 mx 组件的字体产生变化:

    global
    {
        fontFamily: 微软雅黑, Microsoft YaHei;
        fontSize:12;
    }

     但如果我们对字体的名称加上引号,它会让 spark 与 mx 的组件的字体同时变成微软雅黑:

    global
    {
        fontFamily: "微软雅黑""Microsoft YaHei";
        fontSize:12;
    }

    Jun

    2

    Flex 中 CSS 样式选择器的使用

    • 0 Comments
    • Flash Platform

    Flex 4.5 以后的版本中 CSS 样式选择器的举例说明(标签选择器、类别选择器、ID选择器、交集选择器、并集选择器、后代选择器、全局选择器、伪类等)。

    More...

    May

    9

    在大多数情况下,在让 DIV 的层浮动时,普通的 DIV 层是会自动插入到浮动层的下面,如下样例代码可能网页美工都很熟悉:

    <div id="div1" style="width:100px;height:100px;background-color:red;float:left;">这是一个浮动的DIV1层</div>
    <div id="div2" style="width:100%;height:100%;background-color:gray;">这是一个普通的DIV2层,显示在了DIV1下面</div>

    但涉及到 Flash 影片元素作为网页内容时,它与其它的 DIV 层往往会有一些奇葩的问题,导致 DIV 层被 Flash 遮挡。解决方法如下:

    第一步:设置 HTML 包装器中 wmode 属性值为 opaque(关于 wmode 的详细介绍参考《Flash HTML 包装器中 wmode 属性详解》):

    <object id='flashObject' ....>
        <param ....>
        <param name='wmode' value='opaque'>
        <embed ... wmode='opaque'>
        </embed>
    </object>

    第二步:设置被遮挡对象的 z-index 值(z-index 必须结合定位元素使用,否则是无效的,例如 position:absolute;,关于 z-index详细介绍参考《CSS z-index 属性》):

    /*
    浮动的 DIV 层 z-index 比 Flash 文件的的大
    并且需结合定位元素如 position,top,left等相关元素
    */

    #flashContent { 
        width:500px
        height:500px;
        z-index:1;
    }
    #divFloat{
        width:100px;
        height:100px;
        background-color:red;
        float:left;
        position:absolute;
        z-index:9999;
        top:0px;
        left:0px;
    }

    当 Flash 作为网页元素一部份被放在 HTML 显示时情况往往有可能是很复杂的,比如当一个 DIV 代码片段置于 Flash 影片代码之后,仅设置 position 与 z-index 可能会造成 DIV 布局定位不准确的情况,所以上面将可能遇到的几个属性值如 top 与 left 也列举进去了。

    More...

    May

    8

    DIV + CSS 入门级视频教程

    • 0 Comments
    • HTML,CSS

    很多时候,很多从业人员可能并不是专业的网页开发人员,但可能因为这样或那样的原因需要接触到 HTML 与 CSS,尤其是涉及一些文本或字处理相关游戏或软件开发的人员。这套视频教程出自于“自学 it 网”,比较简单,适合想要了解 HTML 与 CSS 的概要的人员。

    观看视频教学属于被动式学习,如果是想要专业学习的话推荐购买专业的书籍系统的学习吧。本文内容链接全部为外部链接,不保证长期有效性。

    More...