HTML

HTML Elements

• <a href="https://geildanke.com">
• <article class="className">
• <button class="button">
• <div>
• <h1>, <h2>, ...
• <img src="https://geildanke.com/images/michaela.jpg">
• <nav>
• <p>
• <section>
• <ul>
• <ol>
• <li>

Example

<ol>
    <li></li>
    <li></li>
</ol>

HTML Element Attributes

• class=""
• id=""
• href=""
• src=""

Selectors

• element
• .[class]
• #[idName]
• [selector]:hover

Example

.button {
    background-color: #FF0000;
}

CSS

CSS Text Properties

• color
• font-family
• font-weight
• text-align
• text-decoration
• text-transform

CSS Style Properties

• background-color
• border
• border-radius
• box-shadow
• opacity

CSS Layout Properties

• display
• margin
• padding
• position
• width
• min-width
• max-width
• height
• min-height
• max-height
• transform
• z-index

Flexbox Properties

• align-items
• flex-direction
• flex-flow
• flex-wrap

CSS Animation Properties

• transition

CSS Misc Properties

• cursor

JS

• const variableName = {};
• document.getElementById('idName');