Vocabulary Review for Unit 3 - Lesson 7

New

Long-Term Learning

Learn efficiently and remember over time.

Start Long-Term Learning

Get personalized study reminders at intervals optimized for better retention.
Track your progress on this set by creating a folder
Or add to an existing folder

Add this set to a folder

  • element

    another name for a tag
    An example of an element is <a> or the anchor tag

    margin

    This refers to the spacing around the OUTSIDE of an element. Use should use these to prevent clutter on your website. These can be applied to any element, not only containers.

    padding

    NOT the same as a margin. This expands a container element's borders outward away from it's content by a given amount. Think of this as being on the INSIDE and margins as being on the OUTSIDE.

    margin-left

    specifies a margin to be applied only to the left side of an element

    margin-right

    specifies a margin to be applied only to the right side of an element

    margin-top

    specifies a margin to be applied only to the bottom of an element

    margin-bottom

    specifies a margin to be applied only to the bottom of an element

    parent container element

    the element that contains other elements

    Example - the body element is this to the header and article elements.

    child element

    the element placed inside another element

    Example - the header and article elements are this to the body element.

    centering containers

    to do this within its parent element, set the value of the child container to AUTO; this will automatically set the margins of each side evenly

    border properties

    style, color, size, radius

    border-style (list the 8 types that can be applied)

    ridge, dashed, double, inset, dotted, solid, groove, outset

    border-color (tell what this does and what formats it can be written in)

    This property will define the color of the border applied to an element. It can be written in hex or rgb format.

    border-width (tell what this does and what form the value can be in)

    This property will define the thickness of the border around an element. The value can be in the form of keywords or specific units of measure.

    border-width: (tell how to define the width with examples)

    border-width: thin, medium, thick, 1mm, .5cm, 10px, 5pt, etc.

    border shortcut notation

    generally the border-style, border-color, and border-width properties will all three be applied together, therefore the style can be written in a shortcut form without writing out all three individual properties

    border: style color width
    <div style="border:solid #ff0000 3px">

    border-radius

    This property does not add or define lines around an element, but allows you to change an element's borders by rounding the corners giving it a more fluid appearance.

    Please allow access to your computer’s microphone to use Voice Recording.

    Having trouble? Click here for help.

    We can’t access your microphone!

    Click the icon above to update your browser permissions above and try again

    Example:

    Reload the page to try again!

    Reload

    Press Cmd-0 to reset your zoom

    Press Ctrl-0 to reset your zoom

    It looks like your browser might be zoomed in or out. Your browser needs to be zoomed to a normal size to record audio.

    Please upgrade Flash or install Chrome
    to use Voice Recording.

    For more help, see our troubleshooting page.

    Your microphone is muted

    For help fixing this issue, see this FAQ.

    Star this term

    You can study starred terms together

    NEW! Voice Recording

    This is a Plus feature