IMS 222 Study Guide - Final Guide: Gif, Visual Hierarchy, Alt Attribute
28 Jun 2018
School
Department
Course
Professor
Quiz 9
Question 1
If one block-level element sits inside another block-level element, the outer box is know as the
containing or parent element.
The containing element is always the direct parent of that element.
Correct!
Question 2
I have main content and an aside that I would like to make into a sidebar. Write the proper CSS
rules for <main> and <aside> to make this happen:
#sidebar {
width: 190px;
position: fixed;
margin-left: 410px;
}
#main {
float: left;
width: 250px;
height: 20px;
background-color: blue;
margin-left: 55px;
}
#aside {
float: left;
width: 250px;
height: 20px;
margin-left: 55px;
}
Question 3
Match the following position schemes to their definitions:
Correct!
Normal Flow
The elements appear one after their other based creating the layout of the page based on
their respective display types (eg. block, inline, inline-block, etc.).
You Answered
Absolute Positioning
The position of the element becomes dependent on the position of it's containing elements
(parent elements). This essentially sticks the element to a part of the page and makes it scroll
with the user.
You Answered
Relative Positioning
find more resources at oneclass.com
find more resources at oneclass.com
Moves an element to start at a position that is designated by the coder.
Correct!
Floating Elements
Using the float property, you can remove elements from the normal flow and place
them to the right or left of the other elements.
You Answered
Fixed Positioning
Like absolute positioning, the element becomes stuck at a certain place in the content, though
this is relative to the browser window. It doesn't move with the user.
Question 4
Match the properties to their definition:
Correct!
clear
Specifies which sides of an element where other floating elements are not allowed
Correct!
clip
Clips an absolutely positioned element
Correct!
bottom
Specifies the bottom position of a positioned element
Correct!
float
Specifies whether or not a box should float
Correct!
overflow
Specifies what happens if content overflows an element's box
Correct!
position
Specifies the type of positioning method used for an element
Correct!
z-index
Sets the stack order of a positioned element
Question 5
find more resources at oneclass.com
find more resources at oneclass.com
You would use the float and clear properties to create all of the following except...
Correct!
Stacked Elements
Horizontal Navigation
Sidebars
Text Wrapping
Question 6
When using the float property you should always also declare a width on the element.
Correct!
Question 7
If you want to create a navigation bar that sticks to the top of the page, what kind of positioning
should you use?
Correct!
fixed
Question 8
Look at the following CSS code:
#box1
{z-index: 300;}
#box2
{z-index: 400}
What element is going to be in front?
Correct!
#box2
#box1
Question 9
find more resources at oneclass.com
find more resources at oneclass.com
Document Summary
If one block-level element sits inside another block-level element, the outer box is know as the containing or parent element. The containing element is always the direct parent of that element. I have main content and an aside that i would like to make into a sidebar. Write the proper css rules for and to make this happen: #sidebar { width: 190px; position: fixed; margin-left: 410px; #main { float: left; width: 250px; height: 20px; background-color: blue; margin-left: 55px; #aside { float: left; width: 250px; height: 20px; margin-left: 55px; Match the following position schemes to their definitions: The elements appear one after their other based creating the layout of the page based on their respective display types (eg. block, inline, inline-block, etc. The position of the element becomes dependent on the position of it"s containing elements (parent elements). This essentially sticks the element to a part of the page and makes it scroll with the user.
