这篇文章主要为大家展示了“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中外部样式表怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。