TOPIC 3 (MIDTERM)

Question 1

are used to define the background effects for elements.

Answer 1

CSS Backgrounds

Question 2

specifies the background color of an element.

Answer 2

background-color property

Question 3

specifies an image to use as the background of an element. By default, the image is repeated so it covers the entire element. repeats an image both horizontally and vertically. If the image is repeated only horizontally

Answer 3

background-image property

Question 4

Showing the background image only once is also specified by the ________

Answer 4

background-repeat property

Question 5

To specify that the background image should be fixed (will not scroll with the rest of the page), use the _________

Answer 5

background-attachment property

Question 6

its specify the position of the background image, so that it does not disturb the text too much

Answer 6

background-position property

Question 7

To make the background fit into the screen you can use percentage in the value of ________

Answer 7

background-size property

Question 8

To shorten the code, it is also possible to specify all the background properties in one single property. This is called a ____

Answer 8

shorthand property

Question 9

allow you to specify the style, width, and color of an element’s border.

Answer 9

CSS Borders

Question 10

specifies what kind of border to display.

Answer 10

Border Style

Question 11

what kind of border to display Defines a dotted border.

Answer 11

dotted

Question 12

what kind of border to display Defines a dashed border.

Answer 12

dashed

Question 13

what kind of border Defines a solid border.

Answer 13

solid

Question 14

What kind of border defines a double border

Answer 14

double

Question 15

What kind of border Defines a 3D grooved border. The effect depends on the border-color value.

Answer 15

groove

Question 16

What kind of border Defines a 3D ridged border. The effect depends on the border-color value.

Answer 16

ridge

Question 17

What kind of border Defines a 3D inset border. The effect depends on the border-color value.

Answer 17

inset

Question 18

What kind of border Defines a 3D outset border. The effect depends on the border-color value.

Answer 18

outset

Question 19

What kind of border Defines no border.

Answer 19

none

Question 20

What kind of border Defines a hidden border.

Answer 20

hidden

Question 21

specifies the width of the four borders. The ________ can be set as a specific size (in px, pt, cm, em, etc) or by using one of the three predefined values: thin, medium, or thick

Answer 21

CSS BORDER WIDTH

Question 22

can have from one to four values (for the top border, right border, bottom border, and the left border)

Answer 22

CSS Border Color

Question 23

is used to add rounded borders to an element

Answer 23

The border-radius property

Question 24

allows you to specify an image to be used instead of the normal border around an element.

Answer 24

border-image property

Question 25

takes the image and slices it into nine sections, like a tic-tac-toe board. It then places the corners at the corners, and the middle sections are repeated or stretched as you specify. Note: For border-image to work, the element also needs the border property set!

Answer 25

border-image property

Question 26

are used to set the height and width of an element.

Answer 26

height and width properties

Question 27

What value of height and width property is default. The browser calculates the height and width

Answer 27

auto

Question 28

What value of height and width Defines the height/width in px, cm, etc.

Answer 28

length

Question 29

What value of height and width Defines the height/width in percent of the containing block

Answer 29

%

Question 30

What value of height and width Sets the height/width to its default value

Answer 30

Initital

Question 31

What value of height and width The height/width will be inherited from its parent value

Answer 31

Inherit

Question 32

is used to set the maximum width of an element.

Answer 32

max-width property

Question 33

can be specified in length values, like px, cm, etc., or in percent (%) of the containing block, or set to none (this is default. Means that there is no maximum width).

Answer 33

max-width property

Question 34

The problem with the above occurs when the browser window is smaller than the width of the element (500px). The browser then adds a horizontal scrollbar to the page. in this situation, will improve the browser's handling of small windows.

Answer 34

CSS Max-Width

Question 35

specifies how an element should float.

Answer 35

float property

Question 36

specifies what elements can float beside the cleared element and on which side

Answer 36

CSS clear property

Question 37

is used for positioning and formatting content e.g. let an image float left to the text in a container.

Answer 37

float property

Question 38

What float value that makes the element floats to the left of its container

Answer 38

left

Question 39

What float value that makes The element floats to the right of its container

Answer 39

right

Question 40

What float value that makes The element does not float (will be displayed just where it occurs in the text). This is default

Answer 40

none

Question 41

What float value that makes The element inherits the float value of its parent

Answer 41

inherit

Question 42

In its simplest use, the ________ can be used to wrap text around images

Answer 42

the float property

Question 43

specifies what should happen with the element that is next to a floating element.

Answer 43

clear property

Question 44

What value of the clear property makes The element is not pushed below left or right floated elements. This is default

Answer 44

none

Question 45

What value of the clear property makes The element is pushed below left floated elements

Answer 45

left

Question 46

What value of the clear property makes The element is pushed below right floated elements

Answer 46

right

Question 47

What value of the clear property makes The element is pushed below both left and right floated elements

Answer 47

both

Question 48

What value of the clear property makes The element inherits the clear value from its parent

Answer 48

inherit

Question 49

When clearing floats, you should match the clear to the _________ If an element is floated to the left, then you should clear to the left. Your floated element will continue to float, but the cleared element will appear below it on the web page.

Answer 49

float:

Question 50

specifies the type of positioning method used for an element.

Answer 50

position property

Question 51

HTML elements are positioned static by default.

Answer 51

Position: static;

Question 52

These elements are not affected by the top, bottom, left, and right properties.

Answer 52

Position: static;

Question 53

An element with ________ is not positioned in any special way; it is always positioned according to the normal flow of the page

Answer 53

Position: static;

Question 54

An element with_______ is positioned relative to its normal position.

Answer 54

Position: relative;

Question 55

Setting the top, right, bottom, and left properties of a relatively-positioned element will cause it to be adjusted away from its normal position. Other content will not be adjusted to fit into any gap left by the element.

Answer 55

Position: relative;

Question 56

is positioned relative to the viewport, which means it always stays in the same place even if the page is scrolled. The top, right, bottom, and left properties are used to position the element.

Answer 56

Position: fixed;

Question 57

is positioned relative to the nearest positioned ancestor (instead of positioned relative to the viewport, like fixed).

Answer 57

Position: absolute;

Question 58

A fixed element does not leave a gap in the page where it would normally have been located.

Answer 58

Position: fixed;

Question 59

if it has an element that has no positioned ancestors, it uses the document body, and moves along with page scrolling.

Answer 59

Position: absolute;

Question 60

These elements are removed from the normal flow, and can overlap elements.

Answer 60

Absolute Positioned/ Position: absolute;

Question 61

specifies whether to clip the content or to add scrollbars when the content of an element is too big to fit in the specified area.

Answer 61

overflow property

Question 62

Default. The overflow is not clipped. The content renders outside the element's box

Answer 62

visible

Question 63

The overflow is clipped, and the rest of the content will be invisible

Answer 63

hidden

Question 64

The overflow is clipped, and a scrollbar is added to see the rest of the content

Answer 64

scroll

Question 65

Similar to scroll, but it adds scrollbars only when necessary

Answer 65

auto

Question 66

meaning that it is not clipped and it renders outside the element's box

Answer 66

Overflow: visible;

Question 67

the overflow is clipped, and the rest of the content is hidden

Answer 67

Overflow: hidden;

Question 68

the overflow is clipped and a scrollbar is added to scroll inside the box.

Answer 68

Overflow: scroll;

Question 69

this will add a scrollbar both horizontally and vertically (even if you do not need it

Answer 69

Overflow: scroll;

Question 70

is similar to scroll, but it adds scrollbars only when necessary

Answer 70

Overflow: auto;

Question 71

specifies whether to change the overflow of content just horizontally or vertically

Answer 71

overflow-x and overflow-y properties

Question 72

specifies what to do with the left/right edges of the content.

Answer 72

overflow-x

Question 73

specifies what to do with the top/bottom edges of the content.

Answer 73

overflow-y