31. Which of the following can be achieved with CSS lists?
Set different list item markers for ordered lists
Set different list item markers for unordered lists
Set an image as the list item marker
All of the above
Answer:
4) All of the above
Explanation:
NA
32. Which of the following CSS property specifies the type of list item marker
list
list-style-type
ul
ol
Answer:
3) UL
Explanation:
NA
33. What value should be passed to the width parameter if we want an element, say a table, to span the entire width of the screen?
100%
50%
100px
None of these
Answer:
1) 100%
Explanation:
100% occupy the entire width of the device.
34. To align text in CSS which of the following property is used?
text-align
text-alignment
text
text-position
Answer:
1) text-align
Explanation:text-align:center | left | right
35. Correct approach to make a table responsive
overflow-x: auto
overflow-x : none
Both A and B
overflow-y : auto
Answer:
1) overflow-x: auto
Explanation: overflow-x: auto
36. CSS property specifies the stack order of elements
z-index
overlap
No such specific property is present
None of the above
Answer:
1) z-index
Explanation:
The z-index property specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order.
37. Which of the following CSS property creates a clipping region and specifies the visible area of the element?
visibility
clip-path
Both A and B
None of these
Answer:
1) Visibility
Explanation:
NA
38. Uses of CSS pseudo-elements
Style specified parts of an element
Style the first letter or line of an element
Insert content before or after the element
All of the above
Answer:
3) Insert content before of after the element
Explanation:
NA
39. How can we select elements with specified attribute in CSS?
[attribute] selector
[property] selector
Both A and B
None of the above
Answer:
1) [attribute] selector
Explanation:
The CSS Attribute Selector is used to select an element with some specific attribute or attribute value. It is an excellent way to style the HTML elements by grouping them based on some specific attributes and the attribute selector will select those elements with similar attributes.
40. Types of length units in CSS
Absolute
Relative
Both A and B
None of the above
Answer:
3) Both A and B
Explanation:
NA
41. Units of relative length in CSS
em
rem
vmax
All of the above
Answer:
2) rem
Explanation:
NA
42. calc() function in CSS take
A sentence
A mathematical expression
A number
None of these
Answer:
2) A mathematical expression
Explanation:
The calc () function takes a specific expression as its argument, with the output of the expression being used as the value. The calc () is a native CSS method for doing basic maths correctly in CSS as a substitute for any longitudinal value or almost any number.
43. How can we add more importance to a property/value than normal?
!important
important
bold
None of these
Answer:
1) !important
Explanation:
NA
44. CSS property specifies the painting area of the background?
background-size
background-clip
background-image
None of these
Answer:
2) background-clip
Explanation:
The CSS background-clip property is used to declare the painting area of the background.
45. Types of gradients in CSS
Conic Gradient
Linear Gradient
Radial Gradient
All of the above
Answer:
4) All of the above
Explanation:
NA
46. Which CSS property is used to create an image reflection?
box-reflect
image-reflect
reflect-img
None of these
Answer:
1) box-reflect
Explanation:
CSS Image Reflections The box-reflect property is used to create an image reflection. The value of the box-reflect property can be: below, above, left, or right.
47. The transparent keyword is equivalent to which RGBA() value in CSS
RGBA(0, 0, 0, 1)
RGBA(255, 255, 255, 1)
RGBA(0, 0, 0, 0)
RGBA(255, 255, 255, 0)
Answer:
3) RGBA(0, 0, 0, 0)
Explanation:
The transparent keyword is the equivalent of rgba (0,0,0,0) which is its computed value. So you can also use rgba (0,0,0,0) to achieve the same effect.
48. Which of the following function is used to insert values of a CSS variable?
var()
rand()
varchar()
calc()
Answer:
1) var()
Explanation:
The var () function is used to insert the value of a CSS variable. The syntax of the var () function is as follows: var (-- name, value)
49. General syntax of writing the var() function
var(--name, value)
var(--name)
var(value)
None of these
Answer:
1) var(--name, value)
Explanation:
The var () function is used to insert the value of a CSS variable. The syntax of the var () function is as follows: var (-- name, value)
50. How many layout modes were there before the Flexbox layout module was introduced in CSS?
1
2
3
4
Answer:
4) 4
Explanation:
CSS had four known layout modes before the Flexbox Layout module was introduced.
51. How to create a check-box in HTML form?
<checkbox>
<input type="checkbox">
<input = checkbox>
<input checkbox>
Answer:
2) <input type="checkbox">
Explanation:
NA
52. Which HTML tag is used to create a drop-down box?
<select>
<list>
<input type="dropdown">
All of the above
Answer:
1) <select>
Explanation:
NA
53. Which HTML tag does not require a paired tag?
<p>
<u>
<i>
<img>
Answer:
4) <img>
Explanation:
img tag doesn't require a closing tag.
54. The special formatting code in HTML documents used to populate content are
Tags
Attributes
Values
None of these
Answer:
1) Tags
Explanation:
NA
55. The special formatting code in HTML documents used to populate content is
Tags
Attributes
Values
None of these
Answer:
1) Tags
Explanation:
NA
56. The ‘color:red’ in CSS can be known as _____________:
Value
Declaration
Selector
Rule
Answer:
2) Declaration
Explanation:
NA
57. Which selector do we use to specify the rule for binding some particular unique element?
Class
Tag
Both A and B
ID
Answer:
4) Id
Explanation:
NA
58. In an HTML page, which of these tags is used for embedding CSS?
<!DOCTYPE html>
<css>
<style>
<script>
Answer:
3) <style>
Explanation:
NA
59. Which of these functions would convert the color of an element by the filter property to a grey shade, for use?
grayscale()
shade()
brightness()
black()
Answer:
1) grayscale()
Explanation:
NA
60. Which of these functions is the 2D transformation in the matrix format?
Perspective
matrix3d()
matrix2d()
matrix()
Answer:
4) matrix()
Explanation:
The matrix() CSS function defines a homogeneous 2D transformation matrix.
61. Which one of these is NOT an appropriate value for the font-variant property?
Small-caps
Large-caps
Default
Inherit
Answer:
2) Large-caps
Explanation:
NA
62. Which value is a slightly bolder weight than the standard bold in the font attribute?
Dark
Lighter
Light
Emphasize
Answer:
1) Dark
Explanation:
NA
63. The CSS property that is equivalent to the align attribute is:
Text-align
Float
Text-align & float
Centre
Answer:
2) Float
Explanation:
NA
64. No single, integrated ____________________ specification exists, because it gets split into various separate modules:
CSS4
CSS3
CSS2
CSS1
Answer:
1) CSS4
Explanation:
NA
65. ___________ describes the CSS properties for manipulating the “ruby” position, that is small annotations next to or on top of words, especially common in Japanese and Chinese.
Text-align
Lang
Ruby
Align
Answer:
3) Ruby
Explanation:
NA
66. What tag do you use to directly write the style rules within a document found within the document’s head?
<css>
<style>
<php>
<script>
Answer:
2) <style>
Explanation:
NA
67. The screen media type can be used with:
television-type devices
computer devices
handheld screens
All devices
Answer:
2) Computer devices
Explanation:
NA
68. Which one is NOT the audio element’s attribute?
Check
Controls
Loop
Src
Answer:
1) Check
Explanation:
NA
69. The CSS property that is primarily used for giving a line over a text would be:
text-decoration: none
text-decoration: line-through
text-decoration: underline
text-decoration: overline
Answer:
4) text-decoration: overline
Explanation:
The text-decoration-line property is used to sets various kinds of text-decoration.
70. Which of these measurements would define a measurement that is relative to the x-height of a font?
Px
Pt
Em
Ex
Answer:
4) Ex
Explanation:
NA
71. Which property sets the actual amount of spacing between the various letters?
Letter-spacing
Letter-space
Line-height
Space
Answer:
1) Letter-spacing
Explanation:
Letter-spacing used to manage space among letters.
72. Which CSS3 Color Feature could be used as a macro for any current color?
HSLA Color
RGB Color
CurrentColor keyword
HSL Color
Answer:
3) CurrentColor keyword
Explanation:
NA
73. Which CSS3 Color Feature is like RGB color and adds the alpha channel value so as to specify a color’s opacity?
AlphaRGB
RGBalpha
RGBa
RGB
Answer:
3) RGBa
Explanation:
NA
74. Which Selector selects any element in case it is the only child element of its parent element with its type?
:target
:only-of-type
@media
::selection
Answer:
2) :only-of-type
Explanation:
NA
75. Which of these protocols would enable a hyperlink to easily access any file on the available local file system?
FTP
HTTPS
Telnet
File
Answer:
4) File
Explanation:
NA
76. When creating a Web document, what format is used to express an image’s height and width?
Centimeters
Pixels
Dots per inch
Inches
Answer:
2) Pixels
Explanation:
NA
77. In a CSS file, there is a CSS rule for paragraphs tags – what does p can be called?
Selector
Attribute
Property
Tag
Answer:
1) Selector
Explanation:
NA
78. Internal styles are written within the _____ element.
<style>…</style>
<css>…</css>
<stylesheet>…</stylesheet>
Both A and B
Answer:
1) <style>…</style>
Explanation:
NA
CSS - Cascading Style Sheet
The acronym for CSS is cascading style sheets. It dictates how HTML components should appear on a screen, on paper, or in other mediums. We can manage and modify the look and layout of several websites simultaneously using CSS. CSS files are used to store external stylesheets.
By separating a webpage's core layout from its style and attributes using CSS, we can manage its design using efficient code chunks. This is a "Separation of Concern" idea that enables us to efficiently create websites that are increasingly intricate.
Statements in CSS syntax consist of a selector and a declaration block.
The HTML element that we wish to style is indicated by the selector. Multiple declarations are contained in the Declaration block, and semicolons are used to separate them. The declarations are contained in curly brackets and take the form propertyName: value.
How to Download: After completion of test a download button will be enable. You can download all questions and answers of the test in PDF file.
Chapterwise Multiple Choice Questions and Answers on CSS
AchieverMCQs MCQs focuses on all topics of CSS and cover all CSS topics. It will help you prepare for Exams, Online Tests, Quizzes, Viva, Interviews, and Certification. You can practice these MCQs chapter-wise starting from Chapter 1 or you can go to any chapter of your choice. You can also download the PDF of CSS MCQs by clicking on the download button.
CHAPTER 01
CSS MCQ on Fundamentals, Colors and Styling
CSS multiple choice questions and answers on CSS fundamentals, functions, fonts, versions, specification and colour values, style inclusion techniques, defining sizes, colours, and files are included in this chapter.
Borders, text, voice, outlines and box model, media types, border elements, cross browser layout strategies, styling texts, lists and navigation menus, embedding web fonts, gradients, background borders, and targeting styles are covered in Chapter 2.
XHTML basics, CSS inheritance and other properties, major themes, strings and keywords, CSS measurements, CSS properties, styling tables, generated content, layout floating elements, CSS keyframes, element precise positioning, transforms and transitions, inheritance and cascade, and more are covered in Chapter 4's CSS multiple choice questions and answers.
CSS3 questions and answers are provided in Chapter 5 for the topics of CSS3 pictures, UI element transitions, animations, user interface attributes, basics, and multi column layout.
0 Comments