Css: The Basics - Id's And Classes
Overall rating: (N/A)
The article "CSS: The Basics - ID's and Classes" is about css, it was written by Eric McArdle.
Css
Cascading Style Sheets
Two types of style sheets: Internal and External
Internal - You insert your style code right into your html code.
These stylesheets should only be used if you are intending to
create a specfiic page with a specific style.
If you want to be
able to make global chagnes to your website using only one style
sheet, you have to use....
External Stylesheets - Instead of putting all the stlye code
into your html code, you can create a single document with your
css code and link to it within your webpages code. It would look
something like that
Webpage title< itle>
If you decide to use an internal stylesheet, you have to put
your css style wihin the following tags:
All css or links to the external stylesheets have to go in
between the tags
Now about Css Classes vs.
ID's
The one major difference between a class and an id is that
classes can be used multpile times within the same page while an
Id can only be used once per page.
Example:
ID - The golbal navigation of your site, or a navigation bar. A
footer, header, etc. Only items that appaer in only one place
per page.
Class - Aynthing that you would use multiple times in your page,
such as titles, subtitles, headlines, and the like.
Creating ID 's
To craete an Id in your css, you would start with the number
sign (#) and then your label of the id. Here's an example
#navigation { float:left; }
To insert the id in your html, you would do something like that
You can also insert an id within another one like that
Remember to colse the id's in order.
Now, onto css classes.
Creating Classes
To create a class in your css, use that
.Subtitle { color: #000000; }
To insert the clsas into your html, do that
|
Write a comment about the article
CSS: The Basics - ID's and Classes
|
