What are style sheets?

How do you create style sheets? Its my understanding they are like your own website's templates? I would like to see topics of how to setup online
photo galaries.

look at www. w3.org/Style/CSS/

Thank you for the link ;) it gives me something to work with.

Stylesheets are the shizzy (or shizzle or whatever)

Stylesheets allow you to format content that is surrounded by a tag that you want to change the appearance of the content.

There are inline stylesheets, embedded stylesheets, and extenal stylesheets.

Inline stylesheets are applied directly to a tag and effect only the content that particular tag surround for example:

<p style="color: red"> YOUR CONTENT </p>

Would make all the text enclosed in the p tags red.

Embedded stylesheets are placed in the head seciton and effect all the tags in the page

<style type="text/css">
p {color: green}
</style>
Would make all the text in <p></p> on the page that has the style embedded green.

External stylesheets are .css files that you write in text editors that you place in your site's root folder and attached in the head section of a page or pages in the site with

<link href="styles.css" rel="style.css" type"text/css" />

The .css file can contain styles for any or as many tags, classes ( . ), or ids ( # ) but lets stick to the simple <p> tag for now. in the external stylesheet you can add the
p {color orange} (you don't need to add <style type.../> in the external sheet.

Now this is where the cascade comes in. We have and inline <p> tag that makes text in the tags red. We have an embedded <p> that makes text green We have an external stylesheet that make text in the <p> tags orange.

The text in <p> tags on all pages that are linked to the external sheet will be orange. if there are other stles in the extenal shhet that you want applied and link the external sheet to a page that has the embedded style <p> tags that make the text in <p> tags green then the emebedded stylesheet will trump the extenal sheet and and text in <p> tags will be green. If on this same page there is a paragrapgh surrounded by the <p> tags with the inline style then the text in that paragraph will trump both the embedded and external sheet and the text will be red.

Easier way to put it is the closer a style is to the element (<p> tags in this example) that they affect the more that style will win over any other style. You can add many styles to an element like p {font: italic small-caps bold 16px Verdana}

p is the selector and the styles in the braces { } are the attributes.

How do I edit my post to show the style examples?

Good examples already posted...

Depending on if you purchase software to do web design with, both Dreamweaver and Microsoft Expressions Web have built in CSS support.

Quote:

---

Originally Posted by 4XTaco

Good examples already posted...

Depending on if you purchase software to do web design with, both Dreamweaver and Microsoft Expressions Web have built in CSS support.

---

What is CSS support?

CSS for the web browser. HTML is a programming language, the browser is the program HTML programs. CSS is an easier way to program the browser to display it's contents. You can write CSS in text pad. External CSS files can be written in Notepad. Actually I think writing them in Notepade is the easiest way. For the beginning web code, I'd avoid expression web. That's for developers.

Style sheets can make your life very easy in web design and maintance of your site. I have Adobe Dreamweaver CS3 and it does a great job with css for displaying and altering page layouts. There is one pretty cool program called style master which is located at - http://www.westciv.com/style_master/ They have a free download so you can test it out and this may help you understand css and all of the wonderful things it can do.