swfchan: The CSS Tutorial.swf (info)

Text

the

Cascading Style Sheets

tutorial

Introduction to CSS

Implementing CSS in an HTML page

Text properties

Background Properties

Border Properties

WATCH FOR CSS TUTORIAL TWO

COMING SOON

Main Menu

CSS is an advanced way to determine the
presentation of elements in a web page. For
example, it could create a page with green text
and a picture of fondue repeating along the y-
axis as it's background. This is merely a tacky
example.

To add CSS to a web page, you can use one of
several methods.
1. Use a <link> tag in the <head> section:

<link rel=stylesheet href="mystyle.css" />

2. Define it in an element for it's use only:

<span style="css code for this span">stuff</span>

3. Use <style> tags in the <head> section:

<style>
css code
more css code
</style>

Here are some ways to present text:
color:[hexadecimal color or color name]; -
changes color
font-size:[size][pt,px,or in]; - changes font
size
font-family:[font name]; - changes font
used
text-align:[left,center,right]; - define where
text appears

<span style="color:blue;font-size:12px;font-family:Tahoma;
text-align:center;">Stuff</span>

Stuff

Ways to add backgrounds to things:
background-color:[color value]; - adds a
background color
background-image:url([location of image]; - adds
a background image
background-repeat:[repeat-y,repeat-x,repeat
,no-repeat]; - define how the background pic tiles

<span style="background-color:red;background-image:url(d.gif);
background-repeat:repeat-y;">Stuff</span>

Stuff

Ways to add borders to things:
border-color:[color value]; - adds a border
color
border-width:[width][px,pt,in] - sets border size

<span style="border-color:yellow;border-width:5px;
background-color:blue;">Stuff</span>

Stuff

ActionScript [AS1/AS2]

Frame 1
	if (getBytesLoaded() >= getBytesTotal()) {
		gotoAndPlay (5);
	}
Frame 3
	if (getBytesLoaded() >= getBytesTotal()) {
		gotoAndPlay (5);
	}
Frame 4
	progress = int((getBytesLoaded() * "100") / getBytesTotal()) add "% - loading Tutorial...";
	gotoAndPlay (3);
Frame 6
	stop();
Frame 8
	stop();
Frame 10
	stop();
Frame 12
	stop();
Frame 14
	stop();
Frame 16
	stop();
Symbol 20 Button
on (press) {
	gotoAndPlay ("intro");
}
Symbol 23 Button
on (press) {
	gotoAndPlay ("implement");
}
Symbol 26 Button
on (press) {
	gotoAndPlay ("text");
}
Symbol 29 Button
on (press) {
	gotoAndPlay ("background");
}
Symbol 32 Button
on (press) {
	gotoAndPlay ("border");
}
Symbol 37 Button
on (press) {
	gotoAndPlay ("Frame 1");
}

Library Items

Symbol 1 Font	Used by:2
Symbol 2 EditableText	Uses:1	Used by:Timeline
Symbol 3 Graphic	Used by:7
Symbol 4 Graphic	Used by:7
Symbol 5 Graphic	Used by:7
Symbol 6 Graphic	Used by:7
Symbol 7 MovieClip	Uses:3 4 5 6	Used by:Timeline
Symbol 8 Font	Used by:13 15 17 19 22 25 28 31 36 39 40 41 42 43 44 45 46 47 51 52 59 60
Symbol 10 Font	Used by:34 35 49 54 55 56 57 62
Symbol 12 Sound [45603 Amiga.mp3]	Used by:Timeline
Symbol 13 Text	Uses:8	Used by:Timeline
Symbol 14 Graphic	Used by:Timeline
Symbol 15 Text	Uses:8	Used by:Timeline
Symbol 16 Graphic	Used by:Timeline
Symbol 17 Text	Uses:8	Used by:Timeline
Symbol 18 Graphic	Used by:Timeline
Symbol 19 Text	Uses:8	Used by:20
Symbol 21 Graphic	Used by:20
Symbol 20 Button	Uses:21 19	Used by:Timeline
Symbol 22 Text	Uses:8	Used by:23
Symbol 24 Graphic	Used by:23
Symbol 23 Button	Uses:24 22	Used by:Timeline
Symbol 25 Text	Uses:8	Used by:26
Symbol 27 Graphic	Used by:26
Symbol 26 Button	Uses:27 25	Used by:Timeline
Symbol 28 Text	Uses:8	Used by:29
Symbol 30 Graphic	Used by:29
Symbol 29 Button	Uses:30 28	Used by:Timeline
Symbol 31 Text	Uses:8	Used by:32
Symbol 33 Graphic	Used by:32
Symbol 32 Button	Uses:33 31	Used by:Timeline
Symbol 34 Text	Uses:10	Used by:Timeline
Symbol 35 Text	Uses:10	Used by:Timeline
Symbol 36 Text	Uses:8	Used by:37
Symbol 38 Graphic	Used by:37
Symbol 37 Button	Uses:38 36	Used by:Timeline
Symbol 39 Text	Uses:8	Used by:Timeline
Symbol 40 Text	Uses:8	Used by:Timeline
Symbol 41 Text	Uses:8	Used by:Timeline
Symbol 42 Text	Uses:8	Used by:Timeline
Symbol 43 Text	Uses:8	Used by:Timeline
Symbol 44 Text	Uses:8	Used by:Timeline
Symbol 45 Text	Uses:8	Used by:Timeline
Symbol 46 Text	Uses:8	Used by:Timeline
Symbol 47 Text	Uses:8	Used by:Timeline
Symbol 48 Graphic	Used by:Timeline
Symbol 49 Text	Uses:10	Used by:Timeline
Symbol 50 Graphic	Used by:Timeline
Symbol 51 Text	Uses:8	Used by:Timeline
Symbol 52 Text	Uses:8	Used by:Timeline
Symbol 53 Graphic	Used by:Timeline
Symbol 54 Text	Uses:10	Used by:Timeline
Symbol 55 Text	Uses:10	Used by:Timeline
Symbol 56 Text	Uses:10	Used by:Timeline
Symbol 57 Text	Uses:10	Used by:Timeline
Symbol 58 Graphic	Used by:Timeline
Symbol 59 Text	Uses:8	Used by:Timeline
Symbol 60 Text	Uses:8	Used by:Timeline
Symbol 61 Graphic	Used by:Timeline
Symbol 62 Text	Uses:10	Used by:Timeline

Special Tags

ExportAssets (56)

Timeline Frame 5

Symbol 12 as "45603 Amiga.mp3"

Labels

"Frame 1"	Frame 5
"intro"	Frame 7
"implement"	Frame 9
"text"	Frame 11
"background"	Frame 13
"border"	Frame 15
"Frame 1"	Symbol 7 MovieClip Frame 1

Dynamic Text Variables

progress

Symbol 2 EditableText

"Loading..."