Graphic examples of style affects on a page
So what is 'style'. Style is often defined as the way CONTENT is presented. In HTML you use tags to identify parts of a document -- headers, paragraphs, lists, etc. -- the CONTENT.
CSS [that first 'S' is for STYLE] tells a browser how to present/display the various parts of your HTML document. How should the browser present a header? Color? Font? Size? etc. And the same with all the other document parts.
This is one of the best sites I've seen to help get this concept across. www.w3schools.com/CSS/demo_default.htm On the left hand side, slowly click each of the 'with style' links, 1 thru 5 and notice how the presentation changes but the content stays the same.
If you are working on an entire website, you usually create a single 'style sheet' that you reference on each page of your site. If you are just doing single pages or postings, you can use 'in-line' style commands that only affect the given page or a section of the page.
Michael....
CSS [that first 'S' is for STYLE] tells a browser how to present/display the various parts of your HTML document. How should the browser present a header? Color? Font? Size? etc. And the same with all the other document parts.
This is one of the best sites I've seen to help get this concept across. www.w3schools.com/CSS/demo_default.htm On the left hand side, slowly click each of the 'with style' links, 1 thru 5 and notice how the presentation changes but the content stays the same.
If you are working on an entire website, you usually create a single 'style sheet' that you reference on each page of your site. If you are just doing single pages or postings, you can use 'in-line' style commands that only affect the given page or a section of the page.
Michael....
posted
by mbotos




