Web Design Flashcards
Structure (HTML)
The skeleton of the design (<p> <h1> <img></img> <a> )</a>
Presentation (CSS)
The appearance of the design (font-size, color, background image, table border, position, link styles)
Element
Everything between the starting and ending tag. Conveys structural and semantic meaning (<strong> means its important therefore bold)</strong>
Empty Element
Element that is closed in the starting tag (<br></br>)
Cascade Order
- Browser default
- External style sheet
- Internal style sheet (in the head section)
- Inline style (inside an HTML element)
Last rule applied wins - #4
Float
A float is a box that is shifted to the left or right on the current line. The most interesting characteristic of a float (or “floated” or “floating” box) is that content may flow along its side (or be prohibited from doing so by the “clear” property). Content flows down the right side of a left-floated box and down the left side of a right-floated box.
Block Element
In normal flow these elements stack on top of each other (<h1>, <p>, <ul>, )
Inline Element
In normal flow these elements sit next to each other (<b>, , <a>, <img></img>)</a></b>
<div>
</div>
Block level element that defines a section in a document.
<span></span>
Inline element that defines a section in a document.
Box-Model (outside to inside)
Margin - Clears an area around the border. The margin does not have a background color, it is completely transparent
Border - A border that goes around the padding and content. The border is affected by the background color of the box
Padding - Clears an area around the content. The padding is affected by the background color of the box
Content - The content of the box, where text and images appear
Relative Link
A link that points to a file within the web page.
Absolute Link
A link that points to another web page.
Normal Document Flow
It’s how a page is presented when you do nothing to it with regard to structural styling.
