Friday, October 3, 2008

Class2 Notes


  1. installed firefox add-ons: web developer toolbar, firebug, fireshot[for screen shot capture], and a clear cache button. Also IM client pidgin was downloaded, but not installed.


  2. xhtml docs require a DTD statement, we are using xhhtml 1.0 strict version. Include a the head of each html doc ...
    <!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  3. Page layout w/ using tables is old school.

  4. Containers are used and defined w/ div statements.
  5. z-index element introduced. It must be used w/ absolute positioning.

  6. a href="#" defines a dummy link anchor point.

  7. &<a class="~~~", href="~~~" target="_blank"> follows the referenced link in a new browser window.

  8. float:left; and clear:both; is commonly used to affect positioning flow. clear:both says to clear the left and bottom edges of the preceding element.

  9. Three ways of introducing CSS styling:


    • via external file <link rel="stylesheet" type="text/css" href="main.css" />

    • via the doc header, w/ following: <style type="text/css">

    • inline, by combining w/ html element via: <span style="font-weight:bold;">


    This week, read about:
  • pseudo classes :link, :visited, :hover, :active, :first-child
    Sequence is important. :hover if present, must follow link & visited.
    :active if present, must follow :hover
  • why isn't first-child considered a pseudo element? hmmm. Allows different treatment of the first element in a sequence of the same [x]html element.
  • pseudo elements, :first-line, :first-letter, [and :before, :after]. The latter two don't work in IE.

No comments: