bobbytatum27 / fa21-cse110-lab3 Goto Github PK

Describe the feature
Add unit styling

Implementation Tasks

1. Determine what unit styling is.
2. Incorporate these:
   Use 3 unique relative units total
   Use 3 unique absolute units total

Describe the feature
Add sizing styling to meeting notes.

Implementation Tasks

1. Add height
2. Add width
3. Add max height
4. Add max width

Describe the feature
Add <style> tag.

Implementation Tasks
Add a <style> tag to do styling for meeting minutes.

Describe the feature
Add background color to notes.

Implementation Tasks

1. Determine what and where to add color.
2. Use background-color to do so.

Describe the feature
Add stylistic elements to the meeting minutes.

Implementation Tasks

1. Determine style elements to add.
2. Create an external css file for styling.
3. Add styling.

Describe the feature
Style the text of the meeting notes.

Implementation Tasks

1. Style headers and sub headers differently.
2. Incorporate these:
   color
   text-decoration
   text-align

Describe the feature
Add position styling

Implementation Tasks

1. Use 2 of the following values: static, relative, fixed, absolute, sticky

Describe the feature
Add css selectors styling.

Implementation Tasks
Class Selector (.class)
ID Selector (#id)
Universal Selector ()
Element Selector (element)
Attribute Selector (e.g. [attribute=foo])
Pseudo-class Selector (e.g. p:hover)
Selector List (element, element) / select multiple elements /
Combinators (you must use one of each) / specify selections based on element positioning in the DOM tree */
Descendant Combinator (element element)
Child Combinator (element > element)
General sibling combinator (element ~ element)
Adjacent sibling combinator (element + element)
Combining Two Selectors (element.class)

Describe the feature
Add layouts styling

Implementation Tasks

1. Flexbox
2. Grid

Describe the feature
Add pseudo class styling.

Implementation Tasks

1. add :hover
2. add :active

Describe the feature
Incorporate display styling.

Implementation Tasks

1. Do this:
   Experiment with these values: none, block, inline-block, inline. Include at least two of them in your page.
   Apply theses values to the display property

Describe the feature
Inline style an element of the meeting notes.

Implementation Tasks

1. Determine a part of the meeting notes to inline style.
2. Style the notes via inline styling.

Describe the feature
Add box-model styling.

Implementation Tasks

1. Determine what box-model styling can do.
2. Add these:
   Margin, Padding, Borders

Within margin, padding, and borders, use these:
Margin /* spacing between html elements */
Long (margin-top, margin-bottom, margin-left, margin-right)
Short (margin: )
Auto margins: margin: auto

Padding /* spacing within html elements */
Long (padding-top, padding-bottom, padding-left, padding-right)
Short (padding: )

Borders (Links to an external site.) /* borders around html elements, hint: apply borders before testing out padding and margin to better understand the difference between the two */
border-style
border-color
border-width
border-radius

Describe the feature
Add color css.

Implementation Tasks

1. Determine which elements to color (coloring should have meaning)
2. Style them.

Describe the feature
Add responsiveness styling

Implementation Tasks

1. Implement at least one query based on the screen width

Describe the feature
A template for daily stand up meeting notes.

Implementation Tasks

1. Create a markdown file for the meeting minutes.
2. Determine key aspects of daily standup minutes.
3. Implement key aspects as headers

Describe the feature
Add font styling.

Implementation Tasks

1. Find a third party font and include/use it.