Rich User Experience Course

I am taking INFX 598 (Rich User Experience Course) this quarter, and it involves a lot of web design work, including HTML, CSS, Javascript, Ajax. Here I just want to write down some notes that draw my attention while doing assignments.  Hopefully all of notes and tips could be enlisted in this article.

First section, HTML && CSS

1.  Css:  margin attribute is only valid for block elements, for inline elements, it needs to be set display: blocked, in order to activate margin or padding attribute.

2.  Css:  Block elements: div, p, h1, form, li, ul; Inline elements: span, a, input, img, strong, em;

3.  Css: When elements within one div frame are all floated, then in Firefox, the Frame Div's background color couldn't be correctly displayed. It might lie in different or uncertain column heights for sub-elements in the div, the solution is appending another div right after the original frame div, with an attribute "clear: both".

4.  JS: While creating Date object, by method: new Date(year, date, day), the range of date is from 0 to 11;

5.  Css: Attributes related to font: font-weight{normal, bold, bolder, ... inherit}; font-style{normal, oblique, italic, inherit};font-family{family-name, generic family,inherit}, for example, font-family: "Times New Roman", Times, serif;

6. Css: When content of a div is empty, attribute padding can be used to occupy the empty and show background color a little bit.