144 Chapter 8: Working with Text
An example of using styles with HTML
This section presents an example of using styles with HTML tags. You’ll create a style sheet that
styles some built-in tags and defines some style classes. You’ll then apply that style sheet to a
TextField object that contains HTML-formatted text.
To format HTML with a style sheet, do the following:
1 In your preferred text editor, create a file.
2 Add the following style sheet definition to the file:
p {
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
display: inline;
}
a:link {
color: #FF0000;
}
a:hover{
text-decoration: underline;
}
.headline {
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: bold;
display: block;
}
.byline {
color: #666600;
font-style: italic;
font-weight: bold;
display: inline;
}
This style sheet defines styles for two built-in HTML tags (<p> and <a>) that will be applied to
all instances of those tags. It also defines two style classes (
.headline and .byline) that will
be applied to specific paragraphs and text spans.
3 Save the file as html_styles.css.
4 In Flash, create a FLA file.
5 Using the Text tool, create a text field approximately 400 pixels wide and 300 pixels high.
6 Open the Property inspector (Window > Properties) and select the text field.
7 In the Property inspector, select Dynamic Text from the Text Type menu, select Multiline from
the Line Type menu, select the Render Text as HTML option, and type
news_txt in the
Instance Name text box.
8 Select the first frame in Layer 1 in the Timeline (Window > Timeline).
To Next Page
Loading...