Silva CSS Stylesheets

What is CSS?

 1. CSS stands for Cascading Style Sheets
    a. These style sheets define how to display HTML elements
    b. Style sheets were added to HTML 4.0 to solve a problem
    c. These external style sheets can save you a lot of work (I.E. Bethel Template)
    d.  External Style Sheets are stored in CSS files

 2. A demo of how style sheets work:

http://www.w3schools.com/css/demo_default.htm

3. Syntax

The CSS syntax is made up of three parts: a selector, a property, and a value: (i.e. selector {property: value})

The selector is normally the HTML element/tag you wish to define, the property is the attribute you wish to change, and each property can take a value. The property and value are separated by a colon, and surrounded by curly braces:
(i.e. body {color: black})

Note: If  the value is multiple words, put quotes around the value:
p {font-family: "sans serif"}

Note: If you wish to specify more than one property, you must separate each property with a semicolon. The example below shows how to define a center-aligned paragraph, with a red text color:

p
{
text-align: center;
color: black;
font-family: arial
}

4. Silva CSS

•     To create a silva style sheet first create your index page and/or other pages.
• Then from the content menu click “new”  “Silva Style Sheet” .  Do NOT change the ID, but you may change the Title of the stylesheet.  You may only have one stylesheet per publication, folder, or subfolder.
  

•     From the style sheet edit the sector you would like.

  • Text Markup - assigns formatting to the standard silva buttons: bold, italic, subscript, superscript etc.
  • Formatting and Lists - style all kinds of lists
  • Headings - formatting for all the heading styles
  • Hyperlinks - formatting for all the link commands
  • Tables - formatting for tables
    

Example 1: Hyperlink Style Set   ---  a:hover: changes

Note: Much of the content above was taken from W3 Schools: http://www.w3schools.com