HTML

Basic HTML Tree Structure

Basic HTML Tree Structure

HTML Template

HTML Template

CSS

CSS Writing Selectors

At this point, you should be familiar with the basic structure of a CSS statement. Every CSS statement is made up of a selector and a declaration block. The selector tells the browser what HTML element we want to style and the declaration block tells the browser what styles need to be applied to that HTML.

CSS selector breakdown
  • HTML HyperText Markup Language - the standard markup language used to create web pages.
  • CSS Cascading Style Sheets - style sheet language used for describing the look and formatting of a document written in a markup language.
  • DOM Document Object Model - a cross-platform and language-independent convention for representing and interacting with objects in HTML (and other markup languages). The nodes of every document are organized in a tree structure, called the DOM tree.

Flexbox

Flexbox

Flexbox Row & Column

Flexbox Row & Column

Flex Row

Flex Row

Flex Row

Flex Row

Justify Content & Align Items

Justify Content & Align Items

Align Self Flexbox - Row

Align Self Flexbox - Row

Align Self Flexbox - Row

Align Self Flexbox - Row