CSS

CSS

1. Cascading Style Sheet

2. Language that describes the style of an HTML document

3. Describes how HTML elements should be displayed.

4. CSS files help define...

   • font
   • size
   • colour
   • spacing
   • border
   • location of HTML information on a web page

5. Helps website programmers by allowing a single file which contains all display settings.

6. Can be opened and edited with programs such as Novell Extend Director

7. CSS properties

   • font-family
     • The font-family property allows us to change the particular font we are using. You may select any font which is installed on the client's computer with this property. Some of the more commonly used fonts include: Times New Roman, .Arial and Verdana
   • font-size
     • Font-size may be specified using a few different types but the easiest to work with is pixels (px).
   • font-weight
     • Font weight allows us to specify how thick the lines of the characters are. It may be one of the following values: lighter,normal,bold,bolder. Some font families only have normal and bold weights. In this case if you specify lighter it will default back to normal and if you specify bolder it will default back to bold.
   • colour
     • The color property allows us to specify the colour of the text.
   • background-colour
     • The background-color property allows us to specify the background colour for the element.
   • padding
     • Padding refers to the space around out content. Padding can be specified in 3 different methods: A single value - in which case it will be applied to every side. As two values - in which case the first unit specifies the top and bottom padding and the second unit the left and right padding. As four values - in which case the first applies to the top, the second to the right, the third to the bottom and the fourth to the left.
   • margin
     • Margin is similar to padding in that is affects the spacing around the content. It is a second area outside the padding  Similar to padding, you may specify a single value, or two or four.
   • border
     • The border is in between the padding and margin.  The various aspects of the border which you may control are: width,colour and style (none, dotted, dashed, solid, double, groove, ridge, inset, outset).