One ... aspect of good design is to have the funds for your site atheme and ... A great treaty of this can be curtains usinga ... Using ... is not ... In fact it makes thetask of desig
One important aspect of fine design is to present your site a
theme and coherence. A great unity of this can be the end 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 in the past dispelling some of the confusion, let us look at
the advantages of using CSS - cascading style sheets.
ADVANTAGES
1) You can use an outside stylesheet to manage the look
and express of your comprehensive website, such as the font
size, style, and color, the background image, the
background color, etc... by changing a single file. You
don't compulsion to edit 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 craving to specify the font, color, or "style" of every
element on your page.
3) Web pages are displayed differently upon different
browsers and platforms. For example a 10pt font looks fine
on a PC but becomes too small on a Mac. You can use a
browser-detection script in the header of your pages which
will join to a vary stylesheet depending on which
browser is monster used.
The perch of this article assumes you have a basic
understanding of HTML tags, the code at the rear your web pages.
If not you can acquire our easy 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 link your
web pages to an uncovered stylesheet, or you can tally up the
style sheet in the header of individual web pages inside
STYLE tags. Web design software does not always create this
clear unless you admittance the assist pages in detail. Forget your
web design software for a moment, because it is easier to
understand stylesheets if you assume a look below 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 paste the above in Notepad, Wordpad or other
text or HTML editor, and save it as "mystyle.css". Put this
stylesheet in the similar manual as your HTML files. Note
the ".css" further details is important. next you associate your web
pages to this stylesheet by putting the similar to code in
the HEAD place of your pages.
< belong to rel="STYLESHEET" type="text/css" href="mystyle.css" >
It is now easy to tweak the background image or color of
your site by suitably changing the variables in the
stylesheet. You can with fine-tune how the text in your in
your website looks anything in "P" tags on your web pages
takes on the "P" attributes specified in the stylesheet.
The above will make your pages display Verdana text (and
you give the out of the ordinary of Helvetica and sans-serif in case
your visitor's computer does not sustain the first choice)
which is 12 pt and navy.
The next-door source of confusion is the use of the CLASS
attribute. But this is after that real simple and extremely powerful. It
is best explained by calculation out of the ordinary 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 reach is make definite blocks of
text red. In your web pages, otherwise of a simple "P"
tag going on for 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 afterward to your table data TD, your
links "A" and any tag contained in the "BODY" of your web
pages. And by comprehensibly varying the stylesheet you can change
the see of your combined site. Are you coming on to look the
power of using style?
It is however important to do Netscape and Internet
Explorer deal in the same way as stylesheets differently and Netscape
does not maintain them as abundantly as IE. Netscape basically
takes the inheritance a step too far. The forlorn exaggeration to find
out what goes and what doesn't is by events and error,
however there are a couple of resources which will urge on you
a long pretentiousness with harmony more about stylesheets. We
have listed contacts to these resources at
http://www.thewebseye.com/stylesheets.htm.
With easy stylesheets you should have no pain and they
will truly encourage to create clear your site keeps a certain
amount of uniformity and cohesion.
No comments:
Post a Comment