Flex中外部样式表怎么用

这篇文章主要为大家展示了“Flex中外部样式表怎么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“Flex中外部样式表怎么用”这篇文章吧。

Flex使用层级样式表（CSS）

Flex使用层级样式表标准来保证用户界面的一致性，并使应用更易于维护。就像在HTML中一样，你可以在应用中嵌入一个指向外部样式表，或在特定的标记元素下将某种风格定义为其属性。样式表还允许定义字体。所需字体定义内嵌于应用的字节码中，即使用户的机器上没有这样的字体，也能被正确的渲染出来。

下面是一个名为main.css的外部样式表。

@font-face{   src:url("LucidaSansRegular.ttf");   font-family:mainFont;   }   .error{   color:#FF0000;   font-size:12;   }   .title{   font-family:mainFontBold;   font-size:18;   }  　  TextArea{   backgroundColor:#EEF5EE;   }

下面的例子通过使用<mx:style>标签声明了一个外部样式表，并对不同的控件使用了不同的样式。

<?xmlversionxmlversion="1.0"encoding="iso-8859-1"?>  <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.macromedia.com/2003/mxml">  <mx:stylesrcmx:stylesrc="main.css"/>  <mx:LabelstyleNamemx:LabelstyleName="error"text="Thisisanerror"/>  <mx:LabelstyleNamemx:LabelstyleName="title"text="Thisisatitle"/>  <mx:TextAreawidthmx:TextAreawidth="200"height="100"wordWrap="true">  ThisisaTextArea   </mx:TextArea>  </mx:Application>

图5.使用外部样式表的应用

以上是“Flex中外部样式表怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！