CSS Trivia Quiz Test
-
What does CSS stand for?
-
Colorful Style Sheets
-
Creative Style Sheets
-
Cascading Style Sheets
-
Computer Style Sheets
-
Dive into the CSS Trivia Quiz Test to enhance your understanding of Cascading Style Sheets. This quiz covers essential aspects from syntax to implementation, assessing your knowledge on linking CSS to HTML, using inline styles, and more. Perfect for learners aiming to master web design and development.
Quiz Preview
- 2.
What is the correct HTML for referring to an external style sheet?
-
<style src="mystyle.css" type="text/css"></pre></style>
-
<link rel="stylesheet" type="text/css" href="mystyle.css">
-
<stylesheet>mystyle.css</stylesheet>
Correct Answer
A. <link rel="stylesheet" type="text/css" href="mystyle.css">Explanation
The correct HTML for referring to an external style sheet is . This code uses the element with the "rel" attribute set to "stylesheet" to indicate that it is linking to a style sheet. The "type" attribute specifies the MIME type of the linked document, in this case, text/css. The "href" attribute specifies the URL or file path of the external style sheet.Rate this question:
-
- 3.
Where in an HTML document is the correct place to refer to an external style sheet?
-
In the<body> section
-
In the<head> section
-
At the end of the document
-
T the top of the document
Correct Answer
A. In the<head> sectionExplanation
The correct place to refer to an external style sheet in an HTML document is in the section. This is where the document's metadata and other important information is typically placed, including links to external resources such as style sheets. By placing the reference to the external style sheet in the section, it ensures that the stylesheet is loaded and applied before the content of the document is rendered, allowing for consistent and uniform styling across the entire document.Rate this question:
-
- 4.
Which HTML tag is used to define an internal style sheet?
-
<css>
-
<script>
-
<style>
Correct Answer
A. <style>Explanation
The correct answer is . This tag is used to define an internal style sheet in HTML. It allows you to write CSS code directly within the HTML document, which can be used to style specific elements or the entire page. By using the tag, you can keep the CSS code separate from the HTML structure, making it easier to maintain and update the styles.Rate this question:
-
- 5.
Which HTML attribute is used to define inline styles?
-
Style
-
Class
-
Styles
-
Font
Correct Answer
A. StyleExplanation
The correct answer is "style". The style attribute is used in HTML to define inline styles for an element. Inline styles are used to apply specific styles to individual elements, overriding any external or internal stylesheets. By using the style attribute, developers can specify CSS properties and values directly within the HTML tag, allowing for more precise control over the appearance of the element.Rate this question:
-
- 6.
Which is the correct CSS syntax?
-
{body;color:black;}
-
Body {color: black;}
-
Body:color=black;
-
{body:color=black;}
Correct Answer
A. Body {color: black;}Explanation
The correct CSS syntax is "body {color: black;}". In CSS, selectors are used to target specific HTML elements, and in this case, the "body" selector is used to target the body element of an HTML document. The curly brackets are used to enclose the declaration block, which contains the property and value pairs. In this case, the "color" property is set to "black" to specify the text color of the body element.Rate this question:
-
- 7.
How do you insert a comment in a CSS file?
-
// this is a comment //
-
// this is a comment
-
/* this is a comment */
-
' this is a comment
Correct Answer
A. /* this is a comment */Explanation
In CSS, comments are inserted using the syntax /* comment */. This allows the developer to add explanatory or descriptive notes within the CSS code without affecting the styling. The given answer correctly demonstrates the syntax for inserting a comment in a CSS file.Rate this question:
-
- 8.
Which property is used to change the background color?
-
Bgcolor
-
Background-color
-
Color
Correct Answer
A. Background-colorExplanation
The property used to change the background color is "background-color". This property allows you to specify a color value that will be applied to the background of an element. By using this property, you can easily customize the background color of a webpage or a specific element within it.Rate this question:
-
- 9.
How do you add a background color for all <h1> elements?
-
H1 {background-color:#FFFFFF;}
-
H1.all {background-color:#FFFFFF;}
-
All.h1 {background-color:#FFFFFF;}
Correct Answer
A. H1 {background-color:#FFFFFF;}Explanation
The correct answer is "h1 {background-color:#FFFFFF;}". This answer correctly uses the CSS selector "h1" to target all elements and applies the background color property with the value of #FFFFFF, which represents white. This will add a white background color to all elements on the webpage. The other options provided, "h1.all" and "all.h1", are not valid CSS selectors and will not apply the background color to the elements.Rate this question:
-
- 10.
Which CSS property is used to change the text color of an element?
-
Text-color
-
Fgcolor
-
Color
Correct Answer
A. ColorExplanation
The correct answer is "color". The CSS property "color" is used to change the text color of an element. It allows you to specify the color of the text within the element by using a color name, a hexadecimal code, an RGB value, or other color formats supported by CSS.Rate this question:
-
Quiz Review Timeline (Updated): Mar 21, 2023 +
Our quizzes are rigorously reviewed, monitored and continuously updated by our expert board to maintain accuracy, relevance, and timeliness.
-
Current Version
-
Mar 21, 2023Quiz Edited by
ProProfs Editorial Team -
Feb 28, 2015Quiz Created by
Ferkevin04
Back to top