8/5/08 :: week 2

intro to CSS

Onto styling your handcrafted XHTML pages - we will work with CSS and the different ways on how you can apply them to your page

lesson content

  • introduction to CSS syntax
  • applying CSS styling
  • CSS selectors
  • universal settings and resetting styles

lesson notes

  • CSS allow for easier control of page layout
  • CSS can be applied in 3 different ways: inline, embedded or external
  • every XHTML document requires a valid link to the CSS file (consider your file path!)
  • using 1 external CSS to control the entire website will ensure that the file is loaded when the very first page is viewed, it will then already be in the browser’s memory and speed the loading of other pages up
  • CSS rules consist of a selector and its properties, always use 1 property with its value per line and complete with the semcolon “;”
  • you can target each HTML element with CSS and control its appearance
  • avoid using any styling within the HTML code

2 Comments »

  1. Constanza ;)

    well done today - you had a bit of an overload of information and tips for working methods… so you did well to get it all setup and working ;)

    Just wanted to leave you a few more notes with those keyboard shortcuts :)

    To create / save / open / close files

    • apple + N => create new file
    • apple + S => save file
    • apple + W => close file
    • apple + O => open file

    To work between TacoHTML and Firefox

    • apple + tab => to switch between applications
    • apple + H => to hide an open application, ie the program you are using at the time (works for most programs)

    To code and preview the page

    ALWAYS save first - then PREVIEW - and REFRESH your page

    • apple + tab => to switch between applications, to preview in Firefox directly
      (note: you will need to have opened the file twice for this: once in Taco, and once in Firefox
    • apple + Y in TACO => to preview using Taco

    and lastly - 2 important screenshots I sent you during the lesson via chat:

    Comment by prisca — May 8, 2008

  2. The general idea is that by using CSS I will work better with my web pages (more control, easy maintenance)
    I reviewed the shortcuts. I will use them more often.
    tables can be made by using No-Fault CSS?
    validation: Why do we need to validate pages?
    some info about CSS was addressed to html. Are those the same for Xhtml?
    Design Rant: Not sure about that
    W3C is mentioned all the time… what is it?

    With my homework I will be able to understand things better.

    Comment by Constanza Martinez — May 15, 2008

Leave a comment