CSS
CSS Mastery Quiz
Test your knowledge of CSS with this engaging quiz designed for web development enthusiasts! Whether you’re a beginner or looking to sharpen your skills, this quiz covers a range of topics that will challenge your understanding of CSS fundamentals.
Get ready to explore:
- CSS Syntax
- Selectors and Properties
- Box Model and Layout
- Styling Techniques
Which of the following property defines the border-width, border-style and border-color of an element’s top border in a single declaration?
Border
Border-top
Border-style
Border-top-style
Given below are the three ways to add CSS to an HTML file (i)Inline style (ii) <style> iii) <link> Assume the same styling is added in all three ways. Arrange the options in INCREASING order of priority.
(i), (ii), (iii)
(i), (iii), (ii)
(ii), (i), (iii)
(iii), (ii), (i)
Which of the following is used to specify elements to bind styles to?
Id
Class
Tag
All of the above
Box sizing value border-box will reduce the width of the content if we add padding to the content.
True
False
How do you select an element with id ‘sample’?
.sample
Sample
#sample
&sample
What is the full form of CSS?
Concatenated Style Sheets
Cascading Style Sheets
Concatenating Style Sheets
Cascaded Style Sheets
Which CSS property and value would you use so that you can change the height and width of an inline element? 2/2
Display: inline;
Display: block;
Float: right;
Display: inline-block;
How will you apply padding to an element with the following measurements: Top padding = 50px, Bottom padding = 35px, Left padding = 20px, Right padding = 45px
Padding: 50px 35px 20px 45px;
Padding: 50px 20px 35px 45px;
Padding: 20px 50px 45px 35px;
Padding: 50px 45px 35px 20px;
What effect does happen on an element, if it’s left and right margin is set to ‘auto’ ?
The available margin is split equally
Element can be moved around by the mouse
Element inherits the left and right margin values of its parent element
Element can allocate its left and right margin values to its sibling elements
Which of the following is correct usage of radial gradient for background?
Background-color: radial-gradient(circle at bottom left,blue, red);
Background-image: radial-gradient(circle at bottom left,blue, red);
Background: radial-gradient(circle bottom left,blue, red);
None of the above
What is the correct way to add an external stylesheet “style.css” in your HTML?
What is the property for adding ... At the end of the title which is overflowing out of the card?
Text-overflow: ellipsis;
Text-overflow: clip;
White-space: nowrap;
Overflow: hidden;
What is the purpose of ‘rel’ attribute in a link?
To specify the file format of an external file
To specify the relative file path of the external file
To define the relation between the HTML document and the external file
To define the name of the link
{"name":"CSS", "url":"https://www.quiz-maker.com/QPREVIEW","txt":"Test your knowledge of CSS with this engaging quiz designed for web development enthusiasts! Whether you’re a beginner or looking to sharpen your skills, this quiz covers a range of topics that will challenge your understanding of CSS fundamentals.Get ready to explore:CSS SyntaxSelectors and PropertiesBox Model and LayoutStyling Techniques","img":"https:/images/course4.png"}