Using Advanced CSS3 Techniques Flashcards

1
Q

CSS3 selectors: element[attribute$=value]

A

Selects every instance of a specified element whose specified attribute ends with the specified value

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

CSS3 selectors: element[attribute*=value]

A

Selects every instance of a specified element whose specified attribute contains the specified substring value

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

CSS3 selectors: element[attribute^=value]

A

Selects every instance of a specified element whose specified attribute begins with the specified value

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

CSS3 selectors: element:checked

A

Selects every checked instance of a specified element

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

CSS3 selectors: element:disabled

A

Selects every disabled instance of a specified element

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

CSS3 selectors: element:enabled

A

Selects every enabled instance of a specified element

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

CSS3 selectors: element:first-of-type

A

Selects every instance of a specified element that is the first of its parent

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

CSS3 selectors: element:last-of-type

A

Selects every instance of a specified element that is the last of its parent

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

CSS3 selectors: element1~element2

A

Selects every instance of element2 that is preceded by an instance of element1

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

CSS3 properties: background

A

Specifies all properties for the page background

Not a new property, but the option to use multiple background images is a new CSS3 feature

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

CSS3 properties: background-clip

A

Specifies the painting area of the background

Determines whether the background extends into the border or not

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

CSS3 properties: background-origin

A

Positions the background-image relative to an element’s border, padding or content

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

CSS3 properties: background-size

A

Defines the size of background images

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

CSS3 properties: border-image

A

Creates a border that uses an image instead of a line

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

CSS3 properties: border-radius

A

Defines the shape or curve of a border around an element

Used to create rounded corners in borders

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

CSS3 properties: box-shadow

A

Applies shadows to edges of elements to create visual depth

17
Q

CSS3 properties: opacity

A

Specifies transparency for an HTML element

18
Q

CSS3 properties: resize

A

Defines whether an element can be resized by the user and how it can be resized

19
Q

CSS3 properties: text-overflow

A

Cuts off, or clips, text that extends beyond its container

20
Q

CSS3 properties: text-shadow

A

Applies shadows to edges of text characters to create visual depth

21
Q

CSS3 optional font properties: font-stretch

A

Specifies how the font should be stretched or spaced

22
Q

CSS3 optional font properties: font-style

A

Specifies how the font should be styled, basically vertical or slanted

23
Q

CSS3 optional font properties: font-weight

A

Specifies the weight or thickness of each character in the font

24
Q

CSS3 optional font properties: unicode-range

A

Specifies the range of UNICODE characters that should be downloaded for the font, based on availability

25
CSS3 Text Effects: hanging-punctuation
Specifies whether (and how) punctuation characters can appear outside the line box at the beginning or end of a full line of text
26
CSS3 Text Effects: punctuation-trim
Specifies whether (and how) punctuation characters can be trimmed or sized when they appear at the beginning or end of a line
27
CSS3 Text Effects: text-align-last
Specifies a justification style for the last line in a text block whose text-align property is set to "justify"
28
CSS3 Text Effects: text-emphasis
Applies emphasis style and color to an element's text in a single declaration
29
CSS3 Text Effects: text-justify
Specifies a justification style for text whose text-align property is set to "justify"
30
CSS3 Text Effects: text-outline
Creates outlined characters for text
31
CSS3 Text Effects: text-shadow
Applies a shadow effect behind text characters
32
CSS3 Text Effects: text-wrap
Specifies whether lines of text in a text area can break, and where a line can be broken
33
CSS3 Text Effects: word-break
Specifies whether lines of text in a text area can break, and where a line can be broken
34
CSS3 Text Effects: word-wrap
Specifies that long words in a text area may be broken without a hyphen and wrap to the next line
35
CSS3 Text Effects: text-overflow
Specifies whether text that overflows the containing element should be clipped or indicated with an ellipsis
36
@font-face
CSS3 rule that defines any font desired by a Web designer; the font library is hosted on the Web server.
37
CSS declaration
In a style sheet, a property and a value applied to format a specified HTML element (selector). A declaration combined with a selector is a CSS rule.
38
CSS selector
In a style sheet, any HTML element to which designated styles are applied.
39
opacity
The amount of transparency in an element's appearance. Can be specified for various elements and properties using CSS.