Cascading Style Sheets (CSS)- Lesson 2

Cascading Style Sheets (CSS)- Lesson 2

1. What is it

   • a code describing how different HTML element are to be displayed
   • states the colour, size, font and other details of the text
   • 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
   • a code inserted into HTML pages to define certain details of appearance in the text of a web page

2. How is it added to HTML code

   • Inline: added to HTML code using the word 'style' within HTML elements.
     • Inline Example: on the 7th line of HTML code you can see the word style being used to describe the appearance of the first heading.
   • Internal: added to HTML code within the head section of the HTML page, enclosed between the <style> elements.
     • Internal Example: on the fifth and eighth lines of HTML code, you see the <style> elements enclosing the details about the font, colour, background etc.
   • External: able to change an entire web page with one file! You add by placing a link between 2 <head> elements
     • External Example: on the fourth line of HTML (in bold) you can see the link inserted between two <head> elements alongside <title> elements.

3. Different Properties

   • Colour: blue
     • The colour of the text will be blue.
   • font-family: verdana
     • The font of the text will be verdana
   • font-size: 160%
     • The size of the font will be 160%
   • 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.
   • margin: 50px
     • The margin (the space between the border and the edge of the web page) will be 50 pixels wide.
       • DEFINITION: a pixel is the smallest unit of measurement possibly visible on a screen

4. Hakon Wium Lie

   • Inventor of CSS
   • Was working with Tim Berners-Lee at CERN
   • proposed CSS on October 10th 1994
   • came from Norway
   • Born 16th July 1965

Bilder und Dateien der Mindmap