 |
Web Devs:
Moonlight as a Game Developer and Win Cool Prizes by Accepting the RIA Run Challenge
Now, your mission--should you choose to accept: Take your shot at gaming stardom if you think you might have what it takes to build a cool RIA game and you could win an Xbox 360 or other fabulous prizes. Hurry! You only have until May 15, 2008 to enter.
»
Article:
Leveraging Your Flash Development with Silverlight
You're not giving up Flash any time soon (and we don't blame you.) But if you could get your Flash application working in Silverlight, why wouldn't you? We show you the tools and techniques required to have your rockin' Flash application rolled for Silverlight. Learn more here.
»
Article:
What Does it Take to Build the Best RIA?
With the proliferation of Rich Interactive Application (RIA) platform choices out there, you no longer have to take a one-size-fits-all approach to developing your next RIA application. Knowing the strengths (and weaknesses) of each platform can help you to decide the best RIA for your next application.
»
|
 |
|
|
|
|
|
July 26, 1998
Add a Little Style
With the Font-property
In Part 1 we looked at the basics of incorporating CSS into an html
file. Part 2 will look at the various font-properties and the proper
use of those properties. Attention will be paid to using
CSS to replace deprecated elements such as FONT and we'll get into some
of the cool stuff, like removing the line under links or adding
a hover property.
Using CSS to specify font information is really cool. You can do
some really neat things with the font-property, and best of all, you
can take your existing html files and without changing the basic
coding, you can add style, giving your whole site a new look!
Say you've got a good site, excellent content, but it's a little boring.
Just a plain serif font, Normal H elements in all the right places,
a few B and EMs thrown in to add emphasis. But boring! Spice it up a
tad with a very basic css file!
Simple Style Sheet
<STYLE TYPE="text/css">
<!--
BODY {color : black;
background : white;
margin : 50px;
}
H1 {font-family : Arial, Helvetica, serif;
font-size : x-large;
color : #000088;
background : #AFEEEE;
border : solid;
}
H2 {font-family : Arial, Helvetica, serif;
font-size : large;
color : #000088;
background : #AFEEEE;
}
H3 {font-family : Arial, Helvetica, serif;
font-size : medium;
color : #000088;
background : #AFEEEE;
}
P, UL {font-family : Arial, Helvetica, sans-serif;
font-size : small;
color : black;
background : transparent;
}
B {color : red;
background : transparent;
}
em {color : #4169E1;
background : #B0E0E6;
font-weight : bold;
}
-->
</STYLE>
Notice the Declaration for the BODY element has a margin
property. We won't be going into margin properties in part two,
but be aware that you can specify margin indentation without
having to structure everything inside of tables.
Note: This article has been adjusted to fit the new WDVL design.
The margin property has been removed from the inline style sheet
so that this page would display properly.- lbc
Absolutely nothing was added to this page besides the style
sheet in the header. No class or id attributes were added.
The body of the file includes only H, P, B, and EM elements.
Pretty cool, huh? Take a look at the
original file,
sans-style.
Have I got your interest yet? Are you getting excited about the
possibilities of CSS? You'll be amazed at how easy it is to
design with Style Sheets, so we might as well get started.
CSS2 is just coming into it's own, but with the
fast pace of developments on the Web, we'll be moving on to new and
exciting things before you know it.
Contents:
Summary Part One
Putting Style Sheets in Perspective: Table of Contents
Putting Style Sheets in Perspective:font-family
|
