WS101 Flashcards

1
Q

_________ and _________Are the foundational technologies upon which you can build for the web and are a way for you to get your ideas out there to as wide an audience as possible.

A

HTML and CSS

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

This content. It gives it context, describes the content and tells the browser what to do with it. CSS tells the browser how to present the content.

A

HTML structures

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

You can view a page’s source code with the keyboard shortcut

A

CTRL + U & CMD + U

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

Allows you to create rules that specify how the content of an element should appear. For example, you can specify that the background of the page is cream, all paragraphs should appear in gray using the Arial typeface.

A

CSS

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

Allows you to create rules that control the way that each individual box (and the contents of that box) is presented.

A

CSS

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

A CSS rule contains two parts: a _____________ and a __________

A

Selector & Declaration

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

Indicate which element the rule applies to.

A

Selectors

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

Indicate how the elements referred to in the selector should be styled.

A

Declarations

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

CSS declarations sit inside curly brackets and each is made up of two parts: a __________ and a _________, separated by a colon.

A

Property & Value

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

Indicate the aspects of the element you want to change. For example,
color, font, width, height and border.

A

Properties

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

Specify the settings you want to use for the chosen properties. For example, if
you want to specify a color property then the value is the color you want the text in these elements to be.

A

Value

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

The ________ element can be used in an HTML document to tell the browser where to find the CSS file used to style the page.

A

<link></link>

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

This specifies the path to the CSS file (which is often placed in a folder called css or styles).

A

Href

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

This specifies the relationship between the HTML page and the file it is linked to. The value should be stylesheet when
linking to a CSS file.

A

Rel

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

You can also include CSS rules within an HTML page by placing them inside a _________ element, which usually sits inside the <head> element of the page.

A

<style>

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

CSS _______ are _____________, so they must match element names and attribute values exactly.

A

Selectors are Case Sensitive

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

If the two seiectors are identical, the latter of the two will take precedence. Here you can see the second i selector takes precedence over the first.

A

LAST RULE

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

If one selector is more specific than the others, the more specific rule will take precedence over more general ones.

A

SPECIFICITY

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

You can add _____________ after any property value to indicate that it should be considered more important than other rules that apply to the same element.

A

!important

20
Q

If you specify the font-family or color properties on the <body> element, they will apply to ___________________.

A

Most Child Elements.

21
Q

Specifies the keyframe-based ________________.

A

Animations

22
Q

Specifies when the animation will start.

A

Animation-delay

23
Q

Specifies whether the animation should play in reverse on alternate cycles or not.

A

Animation-direction

24
Q

Specifies the number of seconds or milliseconds an animation should take to complete one cycle.

A

animation-duration

25
Q

Defines a variety of background properties within one declaration.

A

background

26
Q

Specify whether the background image is fixed in the viewport or scrolls.

A

background- attachment

27
Q

Defines an element’s background color.

A

background-color

28
Q

Defines an element’s background image

A

background-image

29
Q

Delines the origin of a background image.

A

background-position

30
Q

Specifies the size of the background images.

A

background-size

31
Q

Sets the width, style, and color for all four sides of an element’s border.

A

Border

32
Q

Defines the shape of the border corners of an element.

A

border-radius

33
Q

Sets the style of the border on all the four sides of an element.

A

Border-Style

34
Q

Specifics whether table cell borders are connected or separated

A

border-collapse

35
Q

Sets the spacing between the borders of adjacent table cells.

A

border-spacing

36
Q

Specifics a table layout algorithm,

A

table-layout

37
Q

Deline the text direction writing direction.

A

Direction

38
Q

Sets the horizontal alignment of inline content.

A

text-align

39
Q

Specifies how the last line of a block or a line right before a forced line break is
aligned when text-align is justify

A

text-align-last

40
Q

Specifics what kind of line decorations are added to the element

A

text-decoration-line

41
Q

Specifies how the text content will be displayed, when it overflows the block
containers

A

text-overflow

42
Q

Applies one or more shadows to the text content of an element

A

text-shadow

43
Q

Sets the height between lines of text

A

line-height

44
Q

Sets the vertical positioning of an element relative to the current text baseline.

A

Vertical-align

45
Q

Specifies whether to break words when the content overflows the boundaries of its
container.

A

word-wrap