Web Development with HTML and CSS

The Display Property

Assessment
Activity
Enlightenment
Elements which stack vertically and stretch horizontally to fill the parent container have a display property of:
inline
block
inline-block
none
Elements that are placed horizontally, can wrap from one line to another, and the default width which is determined by the contents of the element cannot be changed via CSS, have a display property of:
inline
block
inline-block
none
Elements that are placed horizontally, cannot wrap from one line to another, and the default width which is determined by the contents of the element can be changed via CSS, have a display property of:
inline
block
inline-block
none
A value given for the display property for elements that should not be displayed on the webpage.
inline
block
inline-block
none

A Harmonic Mnemonic

Complete this activity and you may get published in this e-text. Check out other published students in the Enlightenment tab.

Create a musical mnemonic to help you remember the concepts taught in any of the video lessons in this e-text.

First, a little proof that mnemonics work: clip from "The Office"

Now, a bit more serious, check out this wonderful example of using music to remember the order of planets from closest to furthest from the sun: order of the planets.

Do you remember how to divide fractions? You will after watching this music video: Keep, Change, Flip

Don't stress if math is not your thing.
You can rap or sing to learn anthing.
Maybe you fancy yourself a writer, but forget the elements of stories.
Don't fret, this little dittie should relieve your worries.


While rhyming definitely can help with memory, that one was just to liven things up for you... and of course to introduce this rap video: Elements of a short story

Yes, it even works for learning about web design! HTML Colors with Hexadecimal Codes
This guy really makes me laugh so it's a must watch!

Ok, enough examples. Now it's your turn. Write a ditty to help you remember the differences between block, inline, and inline-block values of the CSS display property.

- harmonic mnemonic - Jacque Gaball (JacJacproductions)



- harmonic mnemonic - Max Downs