Cascading Style Sheets (CSS) - Lesson 2

Cascading Style Sheets (CSS) - Lesson 2

1. What is it?

   • States the colour, size, font, and other details of the text
   • A code inserted into HTML pages to define certain details of appearence in the text of a web page
   • A code describing how different HTML element are to be displayed
   • It can control the appearance of multiple web pages at the same time
   • It can be added to HTML coding in 3 different ways: inline, internal, and external

2. How is it added to HTML code?

   • Inline, added to HTML code using the word 'style' within HTML elements.
   • Internal added to HTML within the head section of the HTML page, enclosed between the <style> elements.
   • External: able to change an entire web page with one file. You add by placing a link between a <head> elements.

3. Different properties

   • Border: 1px solid powderblue
     • The border around the web page will be solid, powderblue colour, and pixel wide
   • Padding: 30px
     • The padding (the space between the border and the text) will be 30 pixels wide.
   • Margain: 50px
     • The margain (the space between the border and the edge of the web page) will be 50 pixels wide.
   • Font size:160%
     • The size of the font will be 160%
   • Font: family-verdana
     • The font of the text will be verdana
   • Colour: Blue
     • The colour of the text will be blue