Css
Cascading Style Sheets
Two types of style sheets: Internal and Peripheral
Internal - You cover your style principle exactly into your html code.
These stylesheets should particular be used provided you are intending to
create a particular sheet with a specific style. Whether you wish to be
able to arrange global changes to your website using isolated one style
sheet, you corner to use....
External Stylesheets - Instead of putting all the style enactment into
your html code, you can actualize a unmarried list with your css
code and link to it within your webpages code. It would observe
something cognate this
{head}
{title}Webpage title{ itle}
{link rel="stylesheet" type="text/css"
href="http://www.yourdomain.com/css"}
{/head}
If you decide to convenience an internal stylesheet, you admit to deposit your
css style wihin the closest tags:
{style type="text/css"}
{/style}
All css or links to the exterior stylesheets hog to energy in
between the {head} tags
Now approximately Css Classes vs. ID's
The one higher anomaly between a aggregation and an id is that
classes can be used multiple times within the twin chapter while an
Id can lone be used once per page.
Example:
ID - The global manoeuvring of your site, or a steering bar. A
footer, header, etc. One shot items that breeze in in peerless one area
per page.
Class - Anything that you would applicability multiple times in your page,
such as titles, subtitles, headlines, and the like.
Creating ID 's
To effect an Id in your css, you would alpha with the quantity comment
(#) and then your classify of the id. Here's an for instance
#navigation {
float:left;
}
To contain the id in your html, you would effect something prize this
{div id="navigation"}
{/div}
You can again embrace an id within another one adore this
{div id="navigation"}
{div id="left}
{/div}
{/div}
Remember to rapid the id's in order.
Now, onto css classes.
Creating Classes
To compose a assemblage in your css, employment this
.subtitle {
color: #000000;
}
To comprehend the group into your html, conclude this
{p class="subtitle"}
{/p}
Now, you can application the identical crowd repeatedly in the alike period
unlike Id's.
I as well hunger to advise you something about link attributes. You
should always enjoy them in this order:
a {
color: #006699;
text-decoration: none;
font-size: 100%;
}
a:link {
color: #006699;
text-decoration: none;
}
a:visited {
color: #006699;
text-decoration: none;
}
a:hover {
color: #0000FF;
text-decoration: underline;
}
a:active {
color: #FF0000
}
Of course, you can nickels the colours and text-decorations. This
is equitable something I incision absent of my code!
Okay, these are the basics. What I highly reccomend is to snap and
download Topstyle Lite by going here:
http://www.bradsoft.com opstyle slite/index.asp
It's handout and is a express benevolent css editor. It not exclusive colour
codes and organizes your code, on the other hand it provides you with tons of
attributes that you can add to your troop and id elements with
just a click. They extremely administer a shade at the backside to prospect your
css rule as you assemble it. Ideal fine for a free of charge edition and
I'm looking to pay for the pro chronicle soon.
Now, this was blameless a as well mere miniature explanation of the indispensable
elements needed when structuring your css. I include a first-class motor response
that when you download top style lite, you testament enroll how to capitalization
the hundreds of attributes in your classes and id's
Good Luck in Your Net Designing Efforts!
P.S Silver { and } to < and >