Cascading Style Sheet - Flex Tutorial

Home > Flex > Tutorials > Cascading Style Sheet - Flex Tutorial

Tell a friend

Link to us

Total Members

Members: 84672

Home

1 . Introduction to Flex

2 . Development and benefits of Flex

3 . Installing Flex Builder

4 . Using ActionScript in Flex application

5 . Developing Flex application in MXML

6 . User interface components

7 . Flex custom components

8 . Flex class hierarchy

9 . MXML tags

10 . How to use MXML namespaces

11 . Binding data in between components

12 . RPC services

13 . Storing data

14 . Validating data

15 . Formatting data

16 . Cascading Style Sheet

17 . Skinning

18 . Adding effect

19 . Best practices of using Flex

Flex Home

Flex Members (9)

Flex Member Articles ( 0 )

- Flex Unanswered Questions

Flex Resources

Flex Blogs (0)

GROUPS

.NET

Java

Other

TUTORIALS

.NET

.NET Tutorial

ASP Tutorial

ASP.NET Database Tutorial

ASP.Net Security,Internationalisation And Deployment

Web Development

Software Development

Java

Java Web Component Tutorial

JSP And J2EE Design Tutorial

RESOURCES

Books (372 )

SUBMISSIONS

COMMUNITY

SITE

Flex Tutorial

Cascading Style Sheet

<< Prev: Formatting data

Next: Skinning >>

When you want to add style to any of the web documents then Cascading Style Sheet is the best option. Below is an example as how to use CSS in Flex.

Application {
backgroundGradientColors: #000000, #cccccc;
       backgroundGradientAlphas: 0.84, 0.81;
}
SuperImage {
    border-thickness: 0;
    border-style: none;
}

.normalText{
fontFamily: verdana;
fontSize: 10px;
fontWeight:bold;
color:#075B9C;
}
Calling a CSS file in a flex application -
<mx:Style source="/style/messenger.css"/>