Crash Course Flashcards
Static(Auto) Positioning
The default position allowing the element to display as defined under the layout selection. The normal flow of content
Box model
The simple idea that each of these HTML elements is treated as a box
The word for website layout levels
Hierarchy
What are the three aspects of element hierarchy?
- Nesting
- Text Styling
- Sizing
CMS
Content managment system
Relative Positioning
Positions an element relative to its static or default position as defined under the layout section. It allows you to move an element with affecting the other elements around it.
Overlaps other elements with affecting the document flow.
Absolute Positioning
Positions an element relative to its closest parent or to the body if no parent is positioned. The element is yanked out and position itself around the parent element.
Fixed Positioning
Positions an element relative to the browser window, so it stays in place as the page is scrolled. It’s relative to the viewport, not the parent element.
Sticky Positioning
Fixes and element to the canvas only after user scrolls past a specific location on page.
html
content
css
style
javascript
interaction
In the head tag you put in
The settings of the webpage. All the information about the webpage eg.) meta tags
In the body tag you put in
Everything the user will see in the front
Text styling and sizing passes down through
hierarchy
T or F: min height will still respect the contents height
True
What is a RTE?
Rich Text, A one-stop shop for a ton of content: headings, paragraphs, links, lists, blockquotes, images, or videos.
Block elements
Block elements stack on top of each other. They start on a new line and take up the full entire width of their parent. They do not wrap.
Flexbox layout
Flex lays out its child elements on a horizontal or vertical axis. Great for justifying and aligning content along one dimension.
Inline-block elements
Inline elements sit inline. Sits next to eachother. They do wrap if their width hits their parent’s width.
Grid layout
Great for justifying and aligning content along two-dimensional layout. You can set columns and rows on a parent element. and child elements can be placed inside.
vh
viewport height
vw
viewport width
min and max lets you add a ___ or ___ to a value.
floor or ceiling. Allows you to put a minimums and maximums to put a floor or ceiling on Dimensions when we don’t want things to go out of control.
