This is a paragraph that I am typing for lesson 5 of assignment 9 in my cyber-class at Grandville High School. This class is a semester class, and is entirely web-based. The reason that I am typing this is not just to ramble on and on about nothing, but rather is to come up with an example of a paragraph to use for this lesson when I will be demonstrating the use of specific CSS tags. I believe that this should now be a long enough paragraph to use for my examples. Thank you for reading.
This is a paragraph that I am typing for lesson 5 of assignment 9 in my cyber-class at Grandville High School. This class is a semester class, and is entirely web-based. The reason that I am typing this is not just to ramble on and on about nothing, but rather is to come up with an example of a paragraph to use for this lesson when I will be demonstrating the use of specific CSS tags. I believe that this should now be a long enough paragraph to use for my examples. Thank you for reading.
ababThis is a paragraph that I am typing for lesson 5 of assignment 9 in my cyber-class at Grandville High School. This class is a semester class, and is entirely web-based. The reason that I am typing this is not just to ramble on and on about nothing, but rather is to come up with an example of a paragraph to use for this lesson when I will be demonstrating the use of specific CSS tags. I believe that this should now be a long enough paragraph to use for my examples. Thank you for reading.
Invisible
September
Robot
Fish
The lesson talks about how stylesheets make positioning elements more precise and specific.
In terms of position, what do the properties left and top mean?
They are properties that tell how far the element is from the edge of the window.
Distances can be determined by length units or percentage values. Name the 4 length units mentioned.
pixels, points, ems, and inches
What things are you limited to when positioning?
There are no limits
What does "absolute" mean in terms of positioning?
The position is determined in comparison to the window's edges.
What does "relative" mean in terms of positioning?
The element is positioned relative to where its default position would be.
Now that you have defined "absolute" and "relative", explain, in your own words, the primary difference/usage of each of them.
Relative is useful if you want to just move the element a little from where it would normally be at. Absolute is more useful if you want to position something far from where it would typically be.
What does "static" mean in terms of positioning?
It restores the positioning values to default, ignoring inherited values.
Explain what happens when you use the "width" property.
The property controls how far the text flows, how wide the box that contains the element should be.
Explain what happens when you use the "height" property.
Height controls how far the element can go vetically.
What does the lesson mention regarding "width" and absolute positioning?
The width property works only on absolutely positioned elements.
What do you do if the content of the "box" is bigger than the height or width specified?
It depends on what value is set for overflow.
What are the four ways to setting the answer to the above question, and what does each do?
---visible � all the content will be displayed, even if it goes outside the declared boundaries of the box.
---hidden � the browser clips off whatever content goes "over the line." That is, it won't display part of the content.
---auto � the content will be clipped, but this time the browser will display a scrollbar if it's needed, so the user can get to the rest of the content.
---scroll � the content will be clipped, but this time the browser will always display a scrollbar, even if it's not required.
Explain what visibility does.
It determines whether the element is displayed or not.
What are the 3 ways to setting the visibility, and what does each do?
---visible makes the element visible.
---hidden makes the element invisible.
---inherit means it will inherit its visibility from its parent element.
What does "clip" do?
It makes it so you can control exactly which parts of an element are visible and which are invisible.
When using "clip", what do you suppose rect mean?
It means that the element is to be cut in a rectangle.
When using "clip", what does auto mean?
It means that no clipping will occur.
What does z-index do?
When you position multiple elements and they overlap, z-index specifies which one should appear on top.
When using z-index, how do you know which item appears on top of the other item(s)?
The one with the highest z-index value appears on top.