Summary 2

“Chapter 1 - Styln’ With CSS”

Topic 1 - Compound Elements

Compound elements are sets of tags that are designed to work together and are a part of the more complex user interface components that HTML allows users to create. Some examples of compound elements include lists, tables, and forms. Some tags (such as “ol” for “ordered list”) require other tags to be used with them (“li” for “list”) and need to be nested within another element.

Topic 2 - Block and Inline Elements

The effect known as “document flow” defines the way that the HTML elements appear in the markup, and almost all HTML elements have a display property of “block” or “inline”. Block elements stack underneath each other down the page, forming new lines, such as headings and paragraphs. Inline elements sit next to each other and only move to the next line if there is not enough space, such as links and elements.

Topic 3 - The Document Object Model

The structure of the HTML creates the “Document Object Model” or “DOM” (which is the browser’s view of all of the elements on a page). The DOM model has locations that can be referenced with CSS, allowing users to select an HTML element in order to modify its’ style properties. The nesting of the HTML creates the hierarchy of the DOM, which can then be modified using CSS as the user interacts with the page.