Difference between revisions of "Intro - CSS"
From Help Wiki
m (subst applied to Template:TwoColumn) |
|||
(9 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | + | __NOTOC__ | |
− | Introduction to Cascading Style Sheets | + | |
− | + | <div class="container-fluid"> | |
+ | <div class="row"> | ||
+ | <div class="col-md-8"> | ||
+ | <div class="lead"> | ||
+ | Introduction to Cascading Style Sheets | ||
+ | </div> | ||
+ | |||
====What is CSS?==== | ====What is CSS?==== | ||
CSS (Cascading Style Sheets) is a supplementary extension to HTML allowing web designers to style specific elements on their pages and throughout their site. CSS defines the “style” of a website--elements like typography, color, spacing, positioning, etc. HTML can be thought of as the content or structure with an organization of elements (tags) and CSS applies the style or formatting. | CSS (Cascading Style Sheets) is a supplementary extension to HTML allowing web designers to style specific elements on their pages and throughout their site. CSS defines the “style” of a website--elements like typography, color, spacing, positioning, etc. HTML can be thought of as the content or structure with an organization of elements (tags) and CSS applies the style or formatting. | ||
Line 13: | Line 19: | ||
# <nowiki><font></nowiki> elements have been obsoleted, though through HTML’s backwards compatibility, they will continue to be supported by browsers for the forseeable future. | # <nowiki><font></nowiki> elements have been obsoleted, though through HTML’s backwards compatibility, they will continue to be supported by browsers for the forseeable future. | ||
====How CSS Works==== | ====How CSS Works==== | ||
− | CSS is applied to an existing HTML web document—both working in tandem to display web pages. | + | CSS is applied to an existing HTML web document—both working in tandem to display web pages. |
− | + | ||
− | }} | + | |
+ | <!-- end col-md-8 --> | ||
+ | </div> | ||
+ | <div class="col-md-1"></div> | ||
+ | <div class="col-md-3 sidebar"> | ||
+ | ====Additional Resources==== | ||
+ | *[http://www.w3schools.com/css/ W3Schools CSS Tutorial] | ||
+ | |||
+ | |||
+ | ---- | ||
+ | |||
+ | {{GetHelp}} | ||
+ | |||
+ | <!-- end col-md-3--> | ||
+ | </div> | ||
+ | <!-- end row--> | ||
+ | </div> | ||
+ | <!-- end container--> | ||
+ | </div> | ||
+ | <!-- Generator=Template:TwoColumn --> | ||
+ | __NOTOC__ | ||
+ | __NOEDITSECTION__ | ||
[[category:CSS]] | [[category:CSS]] |
Latest revision as of 16:01, 14 August 2017
Introduction to Cascading Style Sheets
What is CSS?
CSS (Cascading Style Sheets) is a supplementary extension to HTML allowing web designers to style specific elements on their pages and throughout their site. CSS defines the “style” of a website--elements like typography, color, spacing, positioning, etc. HTML can be thought of as the content or structure with an organization of elements (tags) and CSS applies the style or formatting.
How can I use CSS?
- It is the standard for styling web pages.
- Faster loading for your webpages: less code and smaller pages.
- Separates design from content:
- The designer has the ability to control the appearance of an entire site by only modifying a single file. If he or she decides later to change the font color of all the menus in the site, it can often be done in one step.
- Allows content owners to worry about creating and managing content while leaving design to the domain of skilled designers.
- <font> elements have been obsoleted, though through HTML’s backwards compatibility, they will continue to be supported by browsers for the forseeable future.
How CSS Works
CSS is applied to an existing HTML web document—both working in tandem to display web pages.