20 Questions
Match the link state with its description:
a:link = Normal, unvisited link a:visited = Link visited by user at least once a:hover = Link when mouse hovers over it :active = Link which is just clicked
Match the font subproperty with its description:
font-style = Allows text to appear italic or oblique font-weight = Specifies the weight of the font font-size = Specifies the size of the font font-family = Specifies the font family for the text
Match the default link appearance with its description:
Underlined links = Default appearance of created links Hand icon on hover = Change in appearance when mouse hovers over a link Blue color for unvisited links = Color of normal/unvisited links Purple color for visited links = Color of links visited by user at least once
Match the possible font style value with its description:
normal = Specifies that a normal face is selected (i.e. not italic or oblique) italic = Selects a font that is labeled as an italic face oblique = Specifies that an oblique face is used if an italic face is unavailable unavailable italic face usage = Situation when an oblique face is used instead of an unavailable italic face
Match the link color with its interaction state:
Black color for normal links = Color of normal, unvisited link Red color for visited links = Color of link visited by user at least once Blue color for hovered links = Color of a link when mouse hovers over it Green color for active links = Color of a link which is just clicked
Match the following font properties with their descriptions:
Font Weight = Sets the weight, or thickness, of a font Font Size = Specifies the size, or height, of the font Font Family = Defines the font that is applied to the selected element Line Height = Sets the height of a line box and is commonly used to set the distance between lines of text
Match the following font size values with their descriptions:
xx-small = Extra extra small size medium = Standard medium size x-large = Extra large size large = Large size
Match the @font-face property related statements with their descriptions:
@font-face Rule = Allows custom fonts to be loaded on a webpage @font-face Definition = Should be defined first in the main CSS file with font-family and src properties @font-face Font Loading = Instructs the browser to download the font from where it is hosted and display it as specified in the CSS @font-face Example = Includes font-family and src properties, specifying the font's location and format
Match the text-align property values with their descriptions:
left = Content aligns along the left side right = Content aligns along the right side center = Content centers between the left and right edges justify = Content is justified so that both the left and right edges are straight
Match the following font style properties with their descriptions:
oblique = Selects a font labeled as oblique, using an italic one if unavailable italic = Specifies an italic font style for text normal = Specifies a normal font style for text bold = Specifies a bold font style for text
What is the default color of normal/unvisited links in CSS?
blue
What CSS pseudo class is used to style a link when the mouse hovers over it?
:hover
What CSS property is used to make text appear italic or oblique?
font-style
What is the color of a link when it is in the 'active' state?
green
What CSS shorthand property combines font-style, font-weight, font-size, font-family, and line-height?
font
What does the 'font-weight' property in CSS set?
The weight, or thickness, of a font.
What is the purpose of the 'line-height' CSS property?
To set the height of a line box and the distance between lines of text.
What does the '@font-face' rule in CSS allow?
It allows custom fonts to be loaded on a webpage.
How is the 'text-align' property used in CSS?
It's used for aligning the inner content of a block element.
What is the difference between 'oblique' and 'italic' in relation to font selection?
The 'oblique' face is selected first, and if unavailable, an 'italic' face is used instead.
Test your knowledge of CSS3 properties related to links and text. This quiz covers the default values of links, states of links, and how to style links using CSS.
Make Your Own Quizzes and Flashcards
Convert your notes into interactive study material.
Get started for free
