Help:Wiki University Wikitext--Inline Styling

Inline styling

 * The only ability that Wikitext, by itself, has is to place black text on a white background as you see on this page.
 * To give any character to the text or any object on a page requires additional coding.
 * This coding is called "Cascading Style Sheets" or "CSS.  Those of you who have any experience in coding may already be familiar with CSS.

Applying CSS coding

 * There are two ways to apply CSS coding to text.
 * First is by linking to a separate sheet with the CSS coding.
 * Second by using "inline styling" coding. The Wiki does not allow linking to a separate sheet so we will tell you have to use inline styling.

Examples of Inline styling
 
 * Here is an example of an inline style applied to a bit of text.
 * Lets look closely at the inline style code and break it down into pieces. This example is for changing the size of the font using our paragraph tags.
 * 1) The opening paragraph tag .
 * You cannot leave out any of the quotation marks or angle brackets. The coding will not process if any of them are missing.
 * Again, to change the size of the font, as in this example, you need to place this CSS coding between the.

Attributes
eyecolor: blue or hair:  none or height:  six feet If any of these three attributes were put in a tag, the coding would look like this:
 * The combination of property - value is referred to as an attribute.
 * Let's use more familiar terms to perhaps make the concept of attributes with their properties and values more clear.
 * To describe a person we might state their physical attributes in the property: value form:


 * 
 * 
 * 


 * Quick NOTE; there are no limits to the number of attributes you can add.

Try these out
 Exercises
 * Take our Lorem ipsum paragraph and change the default font to a font that is listed in Wikipedia Font Family. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper.
 * Try a couple of other fonts as well.

Check your answers

 Quick Quiz
 * How many attributes can you put in the paragraph tag?
 * A. No more than 5
 * B. No more than 8
 * C. No more than 20
 * D. None of the above


 * What symbol do you use to separate a property from a value?
 * A. Colon
 * B. Semi-colon
 * C. Comma
 * D. All of the above

Check your answers