Difference between revisions of "Intro - CSS"

From Help Wiki
m (subst applied to Template:TwoColumn)
 
(15 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{WPTemplate|
+
__NOTOC__
Introduction to Cascading Style Sheets  
+
 
|
+
<div class="container-fluid">
===What is CSS?===
+
<div class="row">
 +
<div class="col-md-8">
 +
<div class="lead">
 +
Introduction to Cascading Style Sheets
 +
</div>
 +
 
 +
====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.  
  
===How can I use CSS?===
+
====How can I use CSS?====
 
# It is the standard for styling web pages.
 
# It is the standard for styling web pages.
 
# Faster loading for your webpages: less code and smaller pages.
 
# Faster loading for your webpages: less code and smaller pages.
Line 12: Line 18:
 
## Allows content owners to worry about creating and managing content while leaving design to the domain of skilled designers.
 
## Allows content owners to worry about creating and managing content while leaving design to the domain of skilled designers.
 
# <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====
 +
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]
 +
 +
 +
----
  
===How CSS Works===
+
{{GetHelp}}
CSS is applied to an existing HTML web document—both working in tandem to display web pages.
+
|
+
}}
+
  
 +
<!-- 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?

  1. It is the standard for styling web pages.
  2. Faster loading for your webpages: less code and smaller pages.
  3. Separates design from content:
    1. 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.
    2. Allows content owners to worry about creating and managing content while leaving design to the domain of skilled designers.
  4. <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.