`

Flex个人知识库之样式皮肤

阅读更多
    学习Flex已经有4、5个月了,也算是入了门吧,基本的功能都已掌握,但是对于样式、皮肤却一直没有涉及。今天工作中恰好碰到了一个有关字体的问题,因此索性系统地学习一下样式皮肤方面的知识。
1、 字体
不管是中文版XP还是英文版XP,默认的中文字体都是宋体/新宋体,问题就在于英文字体。宋体是包含英文字体的,中文版XP显示英文的时候用的就是宋体;而英文版Windows XP用的字体是Tahoma(俗称大河马字体)。
     A、几种常用字体的比较:
一是,宋体在windows.ie中没有aa的效果,锯齿看起来很丑,在windwos.office/linux中会好些。
二是,Tahoma和Arial对应中文的应该是黑体而不是宋体,把它们跟宋体放一起排版根本不协调。
三是,Tahoma和Arial都是非等宽字体,而宋体是等宽的,这点也是不对等的。
四是,Arial,该字体最大的特点或者说缺点就是无法区分大写的”i”与小写的”l”。
    B、 使用建议
一、最好不要在显示英文的时候还用宋体(理由的话自己看效果就知道了)
二、font-family 规则中都提供一个通用字体系列。这样就提供了一条后路,在用户代理无法提供与规则匹配的特定字体时,就可以选择一个候选字体,如:
   {font-family: Times, TimesNR, 'New Century Schoolbook',
     Georgia, 'New York', serif;}
根据这个列表,用户代理会按所列的顺序查找这些字体。如果列出的所有字体都不可用,就会简单地选择一种可用的 serif 字体。
    注意: 您也许已经注意到了,上面的例子中使用了单引号。只有当一个字体名中有一个或多个空格(比如 New York),或者如果字体名包括 # 或 $ 之类的符号,才需要在 font-family 声明中加引号。
     C、 疑问:
我在项目中采用的字体是宋体,然而宋体的英文字看上去和别扭,于是想能不能通过CSS对中文与英文分别设置字体?   
    1、网友提供解法,列出一串字体,将宋体放在最后,让系统去加载(个人在datagrid中试验无效)
    2、通过编程的方式,先判断出英文字符然后再对其设置特定的字体(可行但不通用)
    寻求更好的解法... ...


   待续... ...
分享到:
评论

相关推荐

    Flex常用教程及库

    通过学习这个“Flex皮肤专题”,开发者不仅可以掌握Flex的皮肤设计技术,还能提高应用的视觉吸引力,提升用户体验,同时,这也将有助于开发者更好地利用Flex库资源,提高开发效率。对于想要深入Flex开发或者改善现有...

    在FLEX中使用CSS样式方法

    在Flex中使用CSS样式方法是构建富互联网应用程序(RIA)的关键技术之一。Flex是一个基于ActionScript和Flash Player的开源框架,用于开发交互式、数据驱动的Web应用。它允许开发者利用CSS来控制组件的外观和布局,...

    WindowsClassic flex 皮肤 css

    在IT领域,WindowsClassic flex 皮肤 CSS是一种设计样式,它为使用Adobe Flex框架开发的用户界面提供了类似Windows经典风格的外观。Flex是一个用于构建富互联网应用程序(RIA)的开源框架,它允许开发者使用...

    强化flex基础知识

    通过自定义样式和皮肤,开发者可以根据需求调整组件的外观和行为。 4. **数据绑定** Flex中的数据绑定是连接UI组件和应用程序数据的强大工具。通过数据绑定,当源数据发生变化时,相关的UI组件会自动更新,反之...

    Flex万年历记事本_flex源码

    9. **样式和皮肤**:Flex支持样式和皮肤,开发者可以通过定义CSS样式来改变组件的外观,使应用符合特定的设计风格。 10. **响应式设计**:考虑到跨设备兼容性,开发者可能使用Flex的弹性布局(Flexbox)或响应式...

    Flex4 电视墙效果

    1. **Spark组件库**:Flex4引入了全新的Spark组件库,相比于Flex3中的 Halo 组件库,Spark组件提供了更好的样式和布局能力。电视墙效果通常会利用Spark组件,如VGroup或HGroup进行布局。 2. **布局管理器**:在创建...

    Flex皮肤aqua

    Aqua.css是此皮肤的核心样式文件,包含了定义Flex组件外观的所有CSS样式规则。通过修改或扩展这些样式,开发者可以自定义控件的颜色、字体、边框以及间距等元素,使应用的界面与Aqua主题保持一致。理解并熟练运用...

    记事万年历flex源码

    6. **样式和皮肤**:Flex允许开发者自定义组件的外观,通过CSS样式或皮肤来改变组件的颜色、字体、形状等,以达到美观的效果。 7. **图形和动画**:Flex中的Flash Player或Adobe AIR运行时提供了强大的图形渲染能力...

    Flex_Css完全手册

    - Flex组件库:Flex包含了一套丰富的预定义组件,如Button、Label、List等,这些组件可以直接在MXML中使用,简化了UI开发。 2. **CSS在Flex中的应用** - 样式表:在Flex中,可以使用CSS定义组件的外观和布局,...

    flex 面试题flex

    【Flex面试题】Flex面试题主要...可以自定义皮肤或修改CSS样式来更改背景颜色。 以上是Flex面试题中涉及的主要知识点,理解和掌握这些内容对于Flex开发者来说至关重要,能够帮助他们在面试中表现出扎实的技术功底。

    Flex面试题.pdf

    Flex面试题涉及到多个方面,包括ActionScript(AS)版本差异、Flex开发框架、MVC模式的应用、内存管理、垃圾回收机制、前后端交互、性能优化以及Flex与Flash的协同开发等核心知识点。以下是对这些内容的详细解释: ...

    Flex模拟Mac特效

    5. 样式表与皮肤:Flex支持使用CSS样式表来定制组件的外观。模拟Mac效果可能需要使用特定的字体、颜色、边框和阴影等,这些可以通过样式表来设置。此外,Flex还支持组件的皮肤,通过更换皮肤可以改变组件的整体视觉...

    Flex系统源码

    9. **皮肤和样式**: Flex支持自定义组件外观,通过皮肤和样式来改变组件的颜色、形状等视觉属性。开发者可以创建自定义皮肤,实现独特的用户界面设计。 10. **调试和优化**: Flex SDK提供了强大的调试工具,如Flex ...

    细细品味Flex——新Flex学习手册.pdf

    通过以上概述,《细细品味Flex——新Flex学习手册》不仅提供了ActionScript 3.0的基础语法知识,还深入探讨了Flex框架的高级特性,如组件、数据绑定、样式与皮肤、以及与Flash Media Server的集成。无论是初学者还是...

    flex4实现的简单相册实例

    8. **皮肤和样式**:Flex4支持自定义组件皮肤和全局样式,允许开发者调整应用的外观。在相册应用中,可能定义了特定的皮肤以匹配相册的主题和风格。 9. **响应式设计**:考虑到不同设备的屏幕尺寸,现代的Flex应用...

    flex4之语法入门

    ### Flex4之语法入门知识点详解 #### 一、Flex概览及重要性 **Flex** 是 Adobe 公司推出的一款用于开发和部署 **富互联网应用程序(RIAs)** 的工具和技术集合。RIAs 提供了相较于传统 HTML 应用更为丰富的用户体验...

    Flex学习相关资料

    通过学习这些Flex知识,开发者不仅可以掌握创建富有吸引力和互动性的Web应用的技能,还能理解如何有效地管理和优化应用程序性能。无论你是网页设计师还是后台开发者,Flex都能帮助你提升项目质量和用户体验。在深入...

    flex4.6文档学习资料

    根据给定的文件信息,以下是从“flex4.6文档学习资料”中提炼出的关键知识点,涉及Flex 4.6与Java、XML的结合使用,以及详细的开发指南和技巧。 ### Flex 4.6与Java的结合 Flex 4.6是一种用于构建高性能的RIA...

    Flex4中文快速入门

    4. **皮肤和样式**:Flex 4支持自定义组件外观,通过皮肤和样式可以改变组件的颜色、形状等视觉属性。理解皮肤和样式的机制,能帮助开发者创建独特的应用程序界面。 5. **数据绑定**:Flex 4的数据绑定功能使得UI...

Global site tag (gtag.js) - Google Analytics