Test 2 Flashcards

1
Q

____________________was introduced in _______ by Håkon Wium Lie Bert Bos , and W3C

A

Cascading Style Sheets (CSS)

1996

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Before this time, web formatting was provided by use of elements , such as <b> u>, and so on. These elements are ___________ b/we should now use CSS to provide formatting</b>

A

deprecated

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

In general, CSS allows web developers to keep separate __________, __________, __________ and.

A

content

structure

format

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Each HTML document contains:

A

Content
Structure
Format

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Syntax can be defined in three ways

A

In-line

Embedded

External

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Regardless of where you declare your CSS, basic CSS syntax is comprised of…

A
  • property: value pairs
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

CSS allows you to manipulate numerous HTML element properties, including…

A

Colors
Fonts
Position
Alignment

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Precedence for inline, embedded and external follows

Highest precedence:
Middle precedence:
Lowest precedence:

A

Highest precedence: inline
Middle precedence: embedded
Lowest precedence: external

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

The _______ property (foreground color) and _______________ property (background color) can be assigned:

____________ or ____________

A

Color
background-color
Color key or hexadecimal(RGB)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Font have 5 properties:

A

font-family
font-size
font-style
font-variant
font-weight

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Allows you to define the type of font used for a particular element

A

font-family property

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

-
-

A

-Specific font-family names
-Generic font-family
-The last list value should be generic font family name

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Unlike most other CSS properties, VALUES are separated by a _______ to indicate that they are alternatives

A

Comma

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Allows you to define the size of a font used for a particular element

A

font-size property

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

FONT-SIZE can be defined as one of the following:

A

Absolute
Relative
Length
Percentage

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

CSS font-size include:

A

xx-small
x-small
small
medium
large
x-large
xx-large

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Identical size to the current font-size of the parent element.

A

Relative font-size

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Relative font-size has two values:

A

larger
smaller

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

Length font-size has four values:

___ and ___ refer to the computed format of current element

What values are not allowed:

A

pt, px, em, ex

em and ex

Negative

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Percentage font-size are increased/decreased by:

What values are not allowed:

A

%

negative

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Allows you to select between normal, italic, and oblique faces with a font family

A

font-style property

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

The font-style VALUE can be defined as one of the following:

A

Normal
Italic
Oblique

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

Allows you to control the style within a font-family.

A

Font-variant property

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

The font-variant property allows you to specify __________ within a font family

A

small-caps

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Q

The lower case letters look similar to the uppercase ones, but in a smaller size and with slightly different proportions.

A

Small-caps

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
26
Q

In small-caps the first _______ of the first ________ is slightly larger then all other characters in the sentence.

A

Character

Word

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
27
Q

The font-variant value in a FONT-FAMILY can be defined as one of the following:

A

normal
small-caps

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
28
Q

Allows you to select the weight of the font.

A

Font-weight property

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
29
Q

The font-weight value can be defined as one of the following:

A

-Normal
-Bold
-Bolder or lighter
-Values 100, 200, 300 all the way to 900 where number indicates a weight that is at least as dark as it predecessor

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
30
Q

Six positioning properties for an html element

A

Position
Top
Left
Bottom
Right
Z-index

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
31
Q

properties allow you to position documents content anywhere within the users agents window

A

The six positioning properties

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
32
Q

The six positioning properties are _________ of normal ________ flow!!!

A

Outside
in-line

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
33
Q

The position property can take on any of the following three VALUES:

A

Static
Relative
Absolute

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
34
Q

When the value is ________, the content is laid according to the normal flow. Meaning, the content is not separated from the structure of other content in the block element in which it is defined.

A

Static

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
35
Q

I’m ________ the top,right,bottom, and left properties do not apply. It is the default.

A

Static

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
36
Q

When the value is _________ the content is offset to its normal position.

It’s position is specified with properties top, bottom, left, and right.

A

Relative

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
37
Q

True or false

For position property you can define top and bottom together aswell as left and right

A

False

38
Q

When the value is _________ the content is offset from the containing block.

Is specified with the properties top,bottom,left, and right.

A

Absolute

39
Q

content is TAKEN OUT OF NORMAL FLOW

A

Absolute

40
Q

content is laid out according to THE NORMAL FLOW

A

static

41
Q

Content is OFFSET TO ITS NORMAL POSITION.

A

Relative

42
Q

When the POSITION is RELATIVE, the TOP/BOTTOM property will specify how far a contents top edge is:

Of the contents containing block.

A

relative offset above or below the contents containing block

43
Q

When the POSITION is RELATIVE, the LEFT/RIGHT property will specify how far a contents top edge is:

Of the contents containing block.

A

relative offset to the right or left the contents containing

44
Q

When the POSITION is ABSOLUTE, the TOP/BOTTOM property will specify how far a contents top edge is:

Of the contents containing block.

A

relative offset above or below the bottom edge

45
Q

When the POSITION is ABSOLUTE, the LEFT/RIGHT property will specify how far a contents top edge is:

Of the contents containing block.

A

relative offset to the right or left the bottom edge

46
Q

Property specifies the stack level of the content in the current stacking context.

The assigned value is an integer represents the contents overall position.

A

Z-index

47
Q

In z-index property

The content with the ______ integer is ____________ of the “z” stack and this displayed in the FORGROUND

The content with the ______ integer is ____________ of the “z” stack and this displayed in the BACKGROUND

A
  1. Largest/at the top
  2. Smallest/at the bottom
48
Q

Are grouping elements. They only “group” content. They do not format not structure the content they group.

A

<span> and <div></span>

49
Q

Element allows you to define content that is structurally “INLINE” with other content

A

<span></span>

50
Q

Element allows you to define that is structurally on a separate line from other content.

A

<div>
</div>

51
Q

<span> and <div>can’t provide format and structure, on their own but can provide formatting using:</span>

A

CSS style properties

52
Q

Defines CSS styles that can be applied to any HTML element using the HTML elements class attribute

A

CSS style class

53
Q

Allow authors to specify the background of an element which be be colors and images.

A

CSS background property

54
Q

Background properties allow authors to ____________, ____________, and ___________

A

Position a background image
Repeat it
declare it fixed or scrolled

55
Q

Five CSS background properties

A

Background-color
Background-image
Background-repeat
Background-position
Background-attachment

56
Q

Sets the background image of an element. Allows setting image and setting a color if image is not available.

A

Background-image

57
Q

For a background-image, when an image is available it is rendered in the ____ of the background color.

Thus the color in the transparent parts of the image.

A

Top

58
Q

Specifies whether the image is repeated/tiled, and how:

A

Background-repeat

59
Q

On INLINE elements is undefined.

All ______ covers the content, padding and border areas of the content box.

A

Tiling and positioning
Tiling

60
Q

Four possible background-repeat values:

A

Repeat
No-repeat
Repeat-x
repeat-y

61
Q

If a background image has been specified, then the ____________ property specifies its initial position.

A

Background-position

62
Q

Seven possible background-position values

A

top
Bottom
Left
Right
Center
Length
Percentage

63
Q

Specifies whether it is fixed with regard to the viewport (fixed) or scrolls along with the containing block (scroll)

Only one viewport per view.

A

Background-attachment

64
Q

Two possible background-attachment values:

Background doesn’t movie with the element:

Background moves with the element:

A

Scroll and fixed

Fixed

Scroll

65
Q

Allows a web developer to control the visual presentation of characters, spaces, words, and paragraphs within a web page.

A

CSS text flow

66
Q

Seven text flow properties:

A

Width
Height
Overflow
Float
Text-align
Text-indent
Text-decoration

67
Q

Specifies the width of content generated by block-level elements:

Specifies the height of the content generated by block-level elements:

Both do not apply to inline-level elements

A

Width
Height

68
Q

Specifies whether content of a block-level is clipped when it overcasts the elements box

A

Overflow

69
Q

Overflows possible values:

A

Visible
Hidden
Scroll

70
Q

Specifies whether a box should move to the left, right, or not at all

May be set for any element but only applied to elements that generate boxes that are not absolutely positioned.

A

Float

71
Q

Float possible values:

A

Left
Right
None

72
Q

Controls how the content within an inline block is aligned.

A

Text-align

73
Q

Text-align possible values include:

A

Left
Right
Center
Justify

74
Q

Specifies the Indention of the first line of text in a block.

A

Text-flow

75
Q

Text-flow is indented with respect to the ________________. This indentation should be rendered as BLANK SPACE.

It’s possible text-indent values:

A

edge of the line box

Length and percentage

76
Q

Describes the decorations that can be added to the text associated with an element

A

Text-decoration property

77
Q

Text-decoration possible values:

A

None
Underline
Over line
Line-through

78
Q

All content exists inside a:

A

Box

79
Q

Three property families can be used to format the box in which content resides:

A

Border family
Padding family
Margin family

80
Q

Border family is comprised of the following styles:

A

border-style
border-top-style
border-bottom-style
border-left-style
border-right-style

81
Q

You must _____________ if you plan to use any of the other border-* family of properties!!!

A

DEFINE A border-style*

82
Q

Rules for multiple border style values

A
  1. If only 1 value, it applies to all sides
  2. If 2 values, top/bottom is set to the first value, right/left is set to the second.
  3. If 3 values, top is set to first, left/right is set to second, bottom is set to third
  4. If 4, they apple to top, right, bottom and left respectively
83
Q

Possible border-style* include:

A

None
Hidden
Dotted
Dashed
Solid
Double
Groove
Ridge
Inset
Outset

84
Q

CSS border family is comprised of the following color proportions:

A

border-color
border-top-color
border-bottom-color
border-left-color
border-right-color

85
Q

Rules for multiple border colors, border width values, padding, and margin:

A

Apply to the same as the border style

86
Q

Border-color* include any previously discussed colors as specified by either __________ or ________

A

Hex code or name

87
Q

The CSS border family is comprised of the following width properties:

A

border-width
border-top-width
border-bottom-width
border-left-width
border-right-width

88
Q

The possible values for border-width* include:

A

thin,thick,medium, or length

89
Q

The CSS padding family is comprised of the following properties:

A

padding
padding-top
padding-bottom
padding-left
padding-right

90
Q

The possible values for padding* AND margin*:

A

in
em
cm
px
pt
%

91
Q

The CSS margins family is comprised of the following properties:

A

margin
margin-top
margin-bottom
margin-left
margin-right