Difference between revisions of "Intro - CSS"

From Help Wiki
m (subst applied to Template:TwoColumn)
 
(19 intermediate revisions by 4 users not shown)
Line 1: Line 1:
== Introduction to Cascading Style Sheets ==
+
__NOTOC__
  
 +
<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.  
  
 +
====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.
 +
# <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.
  
  
'''Why use CSS?'''
+
<!-- end col-md-8 -->
 
+
</div>
 
+
<div class="col-md-1"></div>
# It has become the standard in web design and development: <font> tags are being eliminated and may not be supported by browsers in the future.
+
<div class="col-md-3 sidebar">
# Faster loading for your webpages: less code and smaller pages
+
====Additional Resources====
# Separation of design from content: ability to control an entire site by only modifying a single file. If you decide later to change the font color of all the menus in the site, it can be done in one easy step.
+
*[http://www.w3schools.com/css/ W3Schools CSS Tutorial]
  
  
'''How CSS Works'''
+
----
  
CSS is applied to an existing HTML web document--both working in tandem to display web pages.
+
{{GetHelp}}
  
 +
<!-- end col-md-3-->
 +
</div>
 +
<!-- end row-->
 +
</div>
 +
<!-- end container-->
 +
</div>
 +
<!-- Generator=Template:TwoColumn -->
 +
__NOTOC__
 +
__NOEDITSECTION__
 
[[category:CSS]]
 
[[category:CSS]]
[[Category: Web Publishing]]
 

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.