LinkBack URL
About LinkBacksCSS is the acronym for: ‘Cascading Style Sheets’. CSS is an extension to basic HTML that allows you to style your web pages. An example of a style change would be to make words bold. In standard HTML you would use the <b> tag like so:
<b>make me bold</b>
This works fine and there is nothing wrong with it per se except that now if you wanted to say change all you text that you initially made bold to underlined, you would have to go to every spot in the page and change the tag.
Another disadvantage can be found in this example: say you wanted to make the above text bold, make the font style Verdanna and change its color to red you would need a lot of code wrapped around the text:
<font color="#FF0000" face="Verdana, Arial, Helvetica, sans-serif"><strong>This is text</strong></font>
This is verbose and contributes to making you HTML messy. With CSS you can create a custom style elsewhere and set all its properties, give it a unique name and then ‘tag’ your HTML to apply these stylistic properties:
<p class="myNewStyle">My CSS styled text</p>
And in between the <head></head> tags at the top of your web page you would insert this CSS code that defines the style we just applied:
<style type="text/css">
<!--
.myNewStyle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FF0000;
}
-->
</style>
The complete version of the tutorial can be found here
Closed Thread
Results 1 to 6 of 6
-
03-18-2005 05:43 PM #1The founder
- Join Date
- Nov 2003
- City, State
- Toulouse
- Posts
- 7,131
Cascading Style Sheets: Styling your web pages
-
10-28-2005 08:52 AM #2Elite Designer
- Join Date
- Sep 2005
- Posts
- 17
Hey resurepus, nice link to killersites. CSS is an extremely powerful aspect of creating and maintaining web pages. Here's a tutorial that I found that takes one through the steps of creating an entire site, tables and all in CSS and Photoshop.
Get cookingLast edited by Robb; 10-28-2005 at 08:55 AM.
-
11-18-2005 06:41 PM #3Registered User
- Join Date
- Nov 2005
- City, State
- USA
- Posts
- 18
CSS learning curve
using more and more CSS I bought the following book: the zen of CSS design. There is also a website: www.csszengarden.com Only by using the book and looking at samples on the website I learnt a lot about CSS, designing with CSS in mind and much more... You can create unlimited design and menu using some of the techniques presented on the web or in the book......
-
03-13-2006 02:07 PM #4Registered User
- Join Date
- Mar 2006
- Posts
- 11
http://www.alistapart.com is also a very good read
-
07-25-2007 04:19 AM #5Registered User
- Join Date
- Apr 2007
- City, State
- Berkshire, England
- Posts
- 6
Hey by chance, i've actully never tried it out before but is it possible to link 3 css sheets into one main page throughout a 10 paged site? Wonder if it would work
Even though I want to specialize in Web Design & Computers I still feel that Art comes into any matter of design hence my online portfolio - http://www.visual-designz.nairnax.net/portfolio/
-
08-09-2007 04:47 PM #6Elite Designer
- Join Date
- Sep 2005
- Posts
- 17
Hey forgivenangel, if I'm understanding you correctly, then yes, it is possible.
You can add as many links as you'd like, with exception of course that your ID and/or CLASS names are unique. Or you can link to multiple css pages from within an existing css page. Eg., your html page references to one external css page, but from within your css page, you have links to more css pages. Just put this code into a css page and insert the proper path.
@import url("path_to/name_of_file.css");
Hope this helps.
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
Follow us on 
Become a 
Subscribe to our 
Bookmarks