Using Advanced CSS3 Techniques

Question 1

CSS3 selectors: element[attribute$=value]

Answer 1

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

Question 2

CSS3 selectors: element[attribute*=value]

Answer 2

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

Question 3

CSS3 selectors: element[attribute^=value]

Answer 3

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

Question 4

CSS3 selectors: element:checked

Answer 4

Selects every checked instance of a specified element

Question 5

CSS3 selectors: element:disabled

Answer 5

Selects every disabled instance of a specified element

Question 6

CSS3 selectors: element:enabled

Answer 6

Selects every enabled instance of a specified element

Question 7

CSS3 selectors: element:first-of-type

Answer 7

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

Question 8

CSS3 selectors: element:last-of-type

Answer 8

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

Question 9

CSS3 selectors: element1~element2

Answer 9

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

Question 10

CSS3 properties: background

Answer 10

Specifies all properties for the page background

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

Question 11

CSS3 properties: background-clip

Answer 11

Specifies the painting area of the background

Determines whether the background extends into the border or not

Question 12

CSS3 properties: background-origin

Answer 12

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

Question 13

CSS3 properties: background-size

Answer 13

Defines the size of background images

Question 14

CSS3 properties: border-image

Answer 14

Creates a border that uses an image instead of a line

Question 15

CSS3 properties: border-radius

Answer 15

Defines the shape or curve of a border around an element

Used to create rounded corners in borders

Question 16

CSS3 properties: box-shadow

Answer 16

Applies shadows to edges of elements to create visual depth

Question 17

CSS3 properties: opacity

Answer 17

Specifies transparency for an HTML element

Question 18

CSS3 properties: resize

Answer 18

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

Question 19

CSS3 properties: text-overflow

Answer 19

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

Question 20

CSS3 properties: text-shadow

Answer 20

Applies shadows to edges of text characters to create visual depth

Question 21

CSS3 optional font properties: font-stretch

Answer 21

Specifies how the font should be stretched or spaced

Question 22

CSS3 optional font properties: font-style

Answer 22

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

Question 23

CSS3 optional font properties: font-weight

Answer 23

Specifies the weight or thickness of each character in the font

Question 24

CSS3 optional font properties: unicode-range

Answer 24

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

Question 25

CSS3 Text Effects: hanging-punctuation

Answer 25

Specifies whether (and how) punctuation characters can appear outside the line box at the beginning or end of a full line of text

Question 26

CSS3 Text Effects: punctuation-trim

Answer 26

Specifies whether (and how) punctuation characters can be trimmed or sized when they appear at the beginning or end of a line

Question 27

CSS3 Text Effects: text-align-last

Answer 27

Specifies a justification style for the last line in a text block whose text-align property is set to “justify”

Question 28

CSS3 Text Effects: text-emphasis

Answer 28

Applies emphasis style and color to an element’s text in a single declaration

Question 29

CSS3 Text Effects: text-justify

Answer 29

Specifies a justification style for text whose text-align property is set to “justify”

Question 30

CSS3 Text Effects: text-outline

Answer 30

Creates outlined characters for text

Question 31

CSS3 Text Effects: text-shadow

Answer 31

Applies a shadow effect behind text characters

Question 32

CSS3 Text Effects: text-wrap

Answer 32

Specifies whether lines of text in a text area can break, and where a line can be broken

Question 33

CSS3 Text Effects: word-break

Answer 33

Specifies whether lines of text in a text area can break, and where a line can be broken

Question 34

CSS3 Text Effects: word-wrap

Answer 34

Specifies that long words in a text area may be broken without a hyphen and wrap to the next line

Question 35

CSS3 Text Effects: text-overflow

Answer 35

Specifies whether text that overflows the containing element should be clipped or indicated with an ellipsis

Question 36

@font-face

Answer 36

CSS3 rule that defines any font desired by a Web designer; the font library is hosted on the Web server.

Question 37

CSS declaration

Answer 37

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.

Question 38

CSS selector

Answer 38

In a style sheet, any HTML element to which designated styles are applied.

Question 39

opacity

Answer 39

The amount of transparency in an element’s appearance. Can be specified for various elements and properties using CSS.