CSS3 Links and Text Quiz
20 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

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:

<p>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</p> Signup and view all the answers

Match the link color with its interaction state:

<p>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</p> Signup and view all the answers

Match the following font properties with their descriptions:

<p>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</p> Signup and view all the answers

Match the following font size values with their descriptions:

<p>xx-small = Extra extra small size medium = Standard medium size x-large = Extra large size large = Large size</p> Signup and view all the answers

Match the @font-face property related statements with their descriptions:

<p>@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</p> Signup and view all the answers

Match the text-align property values with their descriptions:

<p>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</p> Signup and view all the answers

Match the following font style properties with their descriptions:

<p>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</p> Signup and view all the answers

What is the default color of normal/unvisited links in CSS?

<p>blue</p> Signup and view all the answers

What CSS pseudo class is used to style a link when the mouse hovers over it?

<p>:hover</p> Signup and view all the answers

What CSS property is used to make text appear italic or oblique?

<p>font-style</p> Signup and view all the answers

What is the color of a link when it is in the 'active' state?

<p>green</p> Signup and view all the answers

What CSS shorthand property combines font-style, font-weight, font-size, font-family, and line-height?

<p>font</p> Signup and view all the answers

What does the 'font-weight' property in CSS set?

<p>The weight, or thickness, of a font.</p> Signup and view all the answers

What is the purpose of the 'line-height' CSS property?

<p>To set the height of a line box and the distance between lines of text.</p> Signup and view all the answers

What does the '@font-face' rule in CSS allow?

<p>It allows custom fonts to be loaded on a webpage.</p> Signup and view all the answers

How is the 'text-align' property used in CSS?

<p>It's used for aligning the inner content of a block element.</p> Signup and view all the answers

What is the difference between 'oblique' and 'italic' in relation to font selection?

<p>The 'oblique' face is selected first, and if unavailable, an 'italic' face is used instead.</p> Signup and view all the answers

More Like This

Quiz de diseño web
3 questions

Quiz de diseño web

MultiPurposeAgate1284 avatar
MultiPurposeAgate1284
CSS3 Properties: Linear Gradients
20 questions
HTML5 and CSS3 Basics Quiz
10 questions

HTML5 and CSS3 Basics Quiz

CharitableAlpenhorn avatar
CharitableAlpenhorn
Use Quizgecko on...
Browser
Browser