Anthropology 2100 Lecture Notes - Lecture 5: Html Element, Css Box Model, Calculator Input Methods

• School: Western University
• Department: Anthropology
• Course: Anthropology 2100
• Professor: Peter Timmins

Document Summary

Understanding the difference between block vs. inline elements: block elements a(cid:396)e ele(cid:373)e(cid:374)ts that (cid:374)atu(cid:396)all(cid:455) (cid:272)lea(cid:396) ea(cid:272)h li(cid:374)e afte(cid:396) the(cid:455)(cid:859)(cid:396)e de(cid:272)la(cid:396)ed, spanning the whole width of the available space, eg. of block elements: div, h, p, section. It is critical to become familiar with the w3c box model, when using css positioning for laying out page elements. All html elements can be thought of as boxes. The box model consists of: margins, borders, padding, and the actual content. The box model is what allows you as a designer to specify how much space elements. It is essentially a box that wraps around html elements have in relation to other elements. Margin: clears an area around the border. It does not have a background colour and is transparent. Border: a border that does around the padding and content. The border is affected by the background colour of the box. Padding: clears an area around the content.