DESIGNING next STYLE

TIPS,TRICK,VIRAL,INFO

One ... aspect of fine design is to provide your site atheme and ... A good agreement of this can be curtains usinga ... Using ... is not ... In fact it makes thetask of desig

One important aspect of fine design is to come up with the money for your site a
theme and coherence. A great deal of this can be done using
a stylesheet.

Using stylesheets is not difficult. In fact it makes the
task of designing a website that much easier. However many
new designers don't use them.

But since dispelling some of the confusion, allow us see at
the advantages of using CSS - cascading style sheets.

ADVANTAGES

1) You can use an outside stylesheet to rule the look
and way of being of your cumulative website, such as the font
size, style, and color, the background image, the
background color, etc... by shifting a single file. You
don't need to reduce all page.

2) Linking to a stylesheet reduces the size of your web
pages and gives you much cleaner HTML code because you
don't infatuation to specify the font, color, or "style" of every
element upon your page.

3) Web pages are displayed differently on different
browsers and platforms. For example a 10pt font looks fine
on a PC but becomes too little on a Mac. You can use a
browser-detection script in the header of your pages which
will connect to a substitute stylesheet depending upon which
browser is innate used.

The get off of this article assumes you have a basic
understanding of HTML tags, the code astern your web pages.
If not you can acquire our simple HTML tutorial at -
http://www.thewebseye.com/HTML.htm.

Now using stylesheets is actually easier than HTML. The
main cause of confusion is that you can either colleague your
web pages to an uncovered stylesheet, or you can tally the
style sheet in the header of individual web pages inside
STYLE tags. Web design software does not always create this
clear unless you right of entry the urge on pages in detail. Forget your
web design software for a moment, because it is easier to
understand stylesheets if you give a positive response a see under the
surface.

An external style sheet can be as simple and powerful as
this:

BODY background-image: url(images/mybackground.gif);
background-color: #FFFFFF;

P FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE:
12pt; COLOR: navy

You copy and glue the above in Notepad, Wordpad or other
text or HTML editor, and keep it as "mystyle.css". Put this
stylesheet in the thesame directory as your HTML files. Note
the ".css" increase is important. later you link your web
pages to this stylesheet by putting the taking into account code in
the HEAD area of your pages.

< associate rel="STYLESHEET" type="text/css" href="mystyle.css" >

It is now easy to correct the background image or color of
your site by helpfully changing the variables in the
stylesheet. You can then alter how the text in your in
your website looks anything in "P" tags upon your web pages
takes on the "P" attributes specified in the stylesheet.
The above will create your pages display Verdana text (and
you offer the marginal of Helvetica and sans-serif in case
your visitor's computer does not hold the first choice)
which is 12 pt and navy.

The bordering source of confusion is the use of the CLASS
attribute. But this is then real easy and completely powerful. It
is best explained by toting up unconventional style to our stylesheet
explained above.

P.redtext FONT-FAMILY: Verdana, Helvetica, sans-serif;
FONT-SIZE: 12pt; COLOR: red

Now what this allows you to get is create sure blocks of
text red. In your web pages, on the other hand of a simple "P"
tag on the subject of your text, you would add
class="redtext" to the "P" tag and the text inside the tags would be
red.

You can have any number of classes and give classes not
only to P tags, but with to your table data TD, your
links "A" and any tag contained in the "BODY" of your web
pages. And by handily varying the stylesheet you can change
the see of your amass site. Are you coming on to look the
power of using style?

It is however important to get Netscape and Internet
Explorer settlement taking into account stylesheets differently and Netscape
does not sustain them as fully as IE. Netscape basically
takes the inheritance a step too far. The single-handedly habit to find
out what goes and what doesn't is by trial and error,
however there are a couple of resources which will incite you
a long mannerism subsequently union more very nearly stylesheets. We
have listed links to these resources at
http://www.thewebseye.com/stylesheets.htm.

With easy stylesheets you should have no problem and they
will in point of fact support to create distinct your site keeps a certain
amount of uniformity and cohesion.