# Social Media Content Strategy

## Summary
* The purpose of HTML (hypertext markup language) is standard for describing the structure and presentation of information
* The purpose of CSS is to be a stylesheet to create how the language will look on the web page
* div/span/a/input
* The purpose of a class in CSS and an ID is to be able to select multiple things without having to retype over and over.
* You can grab all by using ( * { } )

# HTML
## Content Strategy Roadmap
List your content goals and order them by priority. Then provide detailed action items and plans for each quarter, sprint cycle, or other period of time.

| Goal | Column 2 | Column 3 |
| -------- | -------- | -------- |
| Text | Text | Text |

## Head
Holds page title, link to css formatting.

## Body
Holds all the info that will be visible on the page

## Semantic Tags
* header: top of page, title/name of article/page
* nav: a navigational bar, usually at the top for navigating a website
* main: main text, typically center
* footer: Bottom, holds info about creator, other info on website
* article:
* aside: can be placed adjacent to other items, like pictures or description text
* section: Divider for other information/chapters, headers, footers

## Non Semantic Tags
div and span are used for chunks of information easily changed and styled, div for larger chunks of coede and span for smaller

# Content strategy planning

Look over your content strategy roadmap and choose the action items you plan to work on first. Then use this space to think through your strategy and plan next steps.
## Selectors
Where different HTML < functionality > is styled

## Class Selectors
Styling only specific classes

## ID Selectors
styling only specific ID's

## Box Model
Design/Layout of your html

## Display Property

## Floats
Location on the page where the selector will be

# Content channels

## Psuedo-Classes
* hover: when you mouse over "hover" class then the action/style will occur
* nth-child(): will only change selectors that are specifically that number child
* nth-of-type(): will only change selectors that are the second selector element of its parent

## Spaces, Commas, and Dots
* *Period With No Space*: Apply to elements that have both selectors.
* *Comma*: Apply elements that have either selector.
* *Space*: Child elements.

## Editorial calendar