CSS / HTML Documentation

Common CSS Properties

Property Name Definition CSS Property
Color Sets the color of the text. color: ________;
Font Size Sets the size of the font. font-size: ________;
Background Color Sets the background color of an element. background-color: ________;
Border Sets the border around an element. border: ________;
Margin Sets the margin (space) around an element. margin: ________;
Padding Sets the padding (space) within an element. padding: ________;
Display Sets the display property of an element (block, inline, etc.). display: ________;
Position Sets the positioning of an element (static, relative, absolute, fixed). position: ________;
Width Sets the width of an element. width: ________;
Height Sets the height of an element. height: ________;

HTML Semantic Tags

Tag Name Description Essential Attributes/Elements
<header> Defines the header section of a document or a section. <h1>-<h6>, <nav>, <img>, <a>, <p>
<nav> Defines a section of navigation links. <a>, <ul>, <ol>, <li>
<main> Defines the main content of a document. <article>, <section>, <header>, <footer>, <h1>-<h6>, <p>, <img>, <ul>, <ol>, <li>, <figure>, <figcaption>, <video>, <audio>
<article> Defines an independent, self-contained piece of content. <header>, <footer>, <h1>-<h6>, <p>, <img>, <ul>, <ol>, <li>, <figure>, <figcaption>, <video>, <audio>
<section> Defines a section of content within a document. <h1>-<h6>, <header>, <footer>, <p>, <img>, <ul>, <ol>, <li>, <figure>, <figcaption>, <video>, <audio>
<aside> Defines content that is tangentially related to the main content. <h1>-<h6>, <p>, <img>, <ul>, <ol>, <li>, <figure>, <figcaption>, <video>, <audio>
<footer> Defines the footer section of a document or a section. <p>, <a>, <ul>, <ol>, <li>, <img>
<figure> Defines a self-contained block of content that is typically an image with a caption. <img>, <figcaption>
<figcaption> Defines the caption for a figure element. NA
<time> Defines a date or time. <datetime>