Practice high-yield Programming & Software Development MCQs on Basic Css — Part 1 with worked academic solutions for FPSC, PPSC, NTS, NITB, PTS.
Questions
40
Difficulty Level
Exam-Level
Target Exams
FPSC, PPSC, NTS...
Estimated Time
48 mins
Exam-Level FPSC PPSC NTS NITB PTS
Verified for Commission Syllabus • Oct 14, 2026
40
Verified Practice Questions
Interactive test mode with detailed academic worked solutions
Live Progress|0/40 answered
✓0 correct
✗0 wrong
0% score
🎉 Set complete! All 40 questions answered.
Question 1 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
What is css stands for
Correct Answer: Option D — Cascading Style Sheets
Detailed Academic Explanation:
CSS stands for Cascading Style Sheets.
💡Key Conceptual Anchor:Basic Css
Question 2 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Is it the best way to include H1 heading only one time in the web page. State true or false.
Correct Answer: Option A — True
Detailed Academic Explanation:
It is good pratice to inlcude H1 heading only once and to use H2-H6 heading in others areas.
💡Key Conceptual Anchor:Basic Css
Question 3 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following element is used by the filter property to blur the images?
Correct Answer: Option C — blur()
Detailed Academic Explanation:
The filter property in CSS is used to apply various visual effects to an element, such as blurring an image. To blur an image, the blur() function is used in the filter property. Therefore, the correct answer is option C, "blur()". Let's understand the other options: Option A, "opaque()", is not a valid function used with the filter property. It does not apply blurring effects. Option B, "scatter()", is also not a valid function used with the filter property. It does not apply blurring effects either. Option D, "all of the mentioned," is incorrect because options A and B are not valid functions used for blurring images with the filter property. Therefore, the correct answer is option C, "blur()", as it is the function used by the filter property to blur images.
💡Key Conceptual Anchor:Basic Css
Question 4 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following function adjust the brightness of an element’s color, for use by the filter property?
Correct Answer: Option D — brightness()
Detailed Academic Explanation:
A value of 100% or decimal value of 1 leaves the image as is, while 0 produces black. Increasing the value from 1 or 100% brightens pixels from their original values.
💡Key Conceptual Anchor:Basic Css
Question 5 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following function adjusts the difference between light and dark values, for use by the filter property?
Correct Answer: Option A — contrast()
Detailed Academic Explanation:
A value of 100% or a decimal value of 1 leaves the image as is, while 0 results in black. Increasing the value past 1 or 100% produces more dramatically stratified areas of light and dark.
💡Key Conceptual Anchor:Basic Css
Question 6 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following function converts an element’s color to a shade of gray, for use by the filter property?
Correct Answer: Option B — grayscale()
Detailed Academic Explanation:
A decimal value between 0 and 1 or percentage up to 100% controls the extent of the gray effect.
💡Key Conceptual Anchor:Basic Css
Question 7 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following function flips an element’s colors, for use by the filter property?
Correct Answer: Option C — invert()
Detailed Academic Explanation:
A decimal value between 0 and 1 or percentage up to 100% controls the extent of the color-negative effect, with 0.5 or 50% producing gray.
💡Key Conceptual Anchor:Basic Css
Question 8 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following function applies a saturation effect to an element’s color, making it appear more or less vivid, for use by the filter property?
Correct Answer: Option B — saturation()
Detailed Academic Explanation:
A decimal value of 1 or percentage of 100% keeps the image as is, while increasing the amount produces more dramatically stratified hues.
💡Key Conceptual Anchor:Basic Css
Question 9 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
“font-style comes first than font-weight in font attribute”.State true or false.
What is the CSS Property Equivalent for the attribute <center>?
Correct Answer: Option B — margin
Detailed Academic Explanation:
Values for margin such as auto generally are used when centering blocks with textalign for content.
💡Key Conceptual Anchor:Basic Css
Question 11 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
What is the CSS Property Equivalent for the align attribute?
Correct Answer: Option A — float
Detailed Academic Explanation:
In the case of some elements such as <img> , the CSS float property is more appropriate than text-align .
💡Key Conceptual Anchor:Basic Css
Question 12 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
The first CSS specification to become an official W3C Recommendation is ___________
Correct Answer: Option D — CSS level 1
Detailed Academic Explanation:
The first CSS specification to become an official W3C Recommendation is CSS level 1, published on December 17, 1996. Håkon Wium Lie and Bert Bos are credited as the original developers.
💡Key Conceptual Anchor:Basic Css
Question 13 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
________ first became a Candidate Recommendation on February 25, 2004, but it was reverted to a Working Draft on June 13, 2005 for further review.
Correct Answer: Option D — CSS level 2.1
Detailed Academic Explanation:
CSS level 2 revision 1, often referred to as “CSS 2.1”, fixes errors in CSS 2, removes poorly supported or not fully interoperable features and adds already implemented browser extensions to the specification. To comply with the W3C Process for standardizing technical specifications, CSS 2.1 went back and forth between Working Draft status and Candidate Recommendation status for many years. CSS 2.1 first became a Candidate Recommendation on February 25, 2004, but it was reverted to a Working Draft on June 13, 2005 for further review.
💡Key Conceptual Anchor:Basic Css
Question 14 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
There is no single, integrated ____________________ because it is split into separate modules.
Correct Answer: Option D — CSS4 specification
Detailed Academic Explanation:
Here is no single, integrated CSS4 specification,[42] because it is split into separate modules. However, there are “level 4” modules.
💡Key Conceptual Anchor:Basic Css
Question 15 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Unlike CSS 2, which is a large single specification defining various features?
Correct Answer: Option C — CSS level 3
Detailed Academic Explanation:
Unlike CSS 2, which is a large single specification defining various features, CSS 3 is divided into several separate documents called “modules”. Each module adds new capabilities or extends features defined in CSS 2, preserving backward compatibility.
💡Key Conceptual Anchor:Basic Css
Question 16 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
___________ describes CSS properties to manipulate the position of “ruby”, which are small annotations on top of or next to words, especially common in Chinese and Japanese.
Correct Answer: Option B — ruby
Detailed Academic Explanation:
Ruby describes CSS properties to manipulate the position of “ruby”, which are small annotations on top of or next to words, especially common in Chinese and Japanese. They are often used to give the pronunciation or meaning of difficult ideograms.
💡Key Conceptual Anchor:Basic Css
Question 17 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
___________ has a grammar but unlike traditional (X)HTML it is not defined with a document type definition.
Correct Answer: Option C — CSS 2.1
Detailed Academic Explanation:
CSS 2.1 has a grammar (www.w3.org/TR/CSS21/grammar.html) but unlike traditional (X)HTML it is not defined with a document type definition. Instead the CSS specification is a combination of prose and a grammar that could be used to build a simple parser.
💡Key Conceptual Anchor:Basic Css
Question 18 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
What will happen in this case? h1 {color: red text-decoration: underline; font-style: italic;}
Correct Answer: Option D — only font-style: italic works
Detailed Academic Explanation:
In this case, we should see the browser continue to parse the value of color as “red textdecoration: underline” before it sees a closing semicolon. The font-style property that follows would then be used. Because the color property has an illegal value, it should be ignored.
💡Key Conceptual Anchor:Basic Css
Question 19 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following measurement defines a measurement relative to a font’s x-height?
Correct Answer: Option A — ex
Detailed Academic Explanation:
Defines a measurement relative to the height of a font in em spaces. Because an em unit is equivalent to the size of a given font, if you assign a font to 12pt, each em unit would be 12pt, thus 2em would be 24pt.
💡Key Conceptual Anchor:Basic Css
Question 20 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following measurement defines a measurement as a percentage?
Correct Answer: Option A — %
Detailed Academic Explanation:
Defines a measurement as a percentage. Percentages are denoted by a number followed by the % symbol and are always relative to another value such as length. Quite often they are used to specify some value relative to an inherited value from a parent element.
💡Key Conceptual Anchor:Basic Css
Question 21 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following property sets the font size of text?
Correct Answer: Option B — font-size
Detailed Academic Explanation:
Syntax: font-size: length | percentage | larger | smaller | xx-small | x-small | small | medium | large | x-large | xx-larger | inherit
💡Key Conceptual Anchor:Basic Css
Question 22 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following property sets a variation of the specified or default font family?
Correct Answer: Option D — font-variant
Detailed Academic Explanation:
Syntax: font-variant: normal | small-caps | inherit
💡Key Conceptual Anchor:Basic Css
Question 23 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following property defines labels for a list of items?
Which of the following property assigns a graphic image to a list item?
Correct Answer: Option B — list-style-image
Detailed Academic Explanation:
Syntax: list-style-image: url(url of image) | none
💡Key Conceptual Anchor:Basic Css
Question 25 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following property sets the amount of spacing between letters?
Correct Answer: Option C — letter-spacing
Detailed Academic Explanation:
Syntax: letter-spacing: length | normal | inherit
💡Key Conceptual Anchor:Basic Css
Question 26 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following CSS3 Color Feature can be used as a macro for whatever the current color is?
Correct Answer: Option A — CurrentColor keyword
Detailed Academic Explanation:
This is useful if you want to dynamically change one color and have other related colors change.
💡Key Conceptual Anchor:Basic Css
Question 27 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following CSS3 Color Feature like RGB color but adds an alpha channel value to specify the opacity of the color?
Correct Answer: Option B — RGBa
Detailed Academic Explanation:
An RGBa is specified via a function style rgba(r,g,b,a) value, where colors r, g, and b are specified as a decimal value from 0 to 255 or a percentage from 0 to 100%, and the alpha channel value for defining opacity is a number between 0 (fully transparent) and 1 (fully opaque). Values outside this range will be rounded up or down to fit the closest value.
💡Key Conceptual Anchor:Basic Css
Question 28 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following Color Format is a CSS’s six-digit hexadecimal format is the same as color defined in (X)HTML?
Correct Answer: Option A — 6-Hex Color
Detailed Academic Explanation:
The format specifies color as #rrggbb, where rr is the amount of red, gg the amount of green, and bb the amount of blue, all specified in a hexadecimal value ranging from 00 to FF.
💡Key Conceptual Anchor:Basic Css
Question 29 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following Color Format are a 17 defined colors under CSS 2.1?
Correct Answer: Option D — Specificationdefined named colors
Detailed Academic Explanation:
maroon (#800000) red (#ff0000) orange (#ffA500) yellow (#ffff00) olive (#808000) purple (#800080) fuchsia (#ff00ff ) white (#ffffff) lime (#00ff00) green (#008000) navy (#000080) blue (#0000ff) aqua (#00ffff) teal (#008080) black (#000000) silver (#c0c0c0) gray (#808080) Other color keywords may be commonly used but are ad hoc in their definition.
💡Key Conceptual Anchor:Basic Css
Question 30 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following Color Format is a CSS colors can also be defined using the keyword rgb, followed by three numbers between 0 and 255, contained in parentheses and separated by commas, with no spaces between them?
Correct Answer: Option A — RGB Color
Detailed Academic Explanation:
RGB color values can also be defined using percentages. The format is the same, except that the numbers are replaced by percentage values between 0% and 100%.
💡Key Conceptual Anchor:Basic Css
Question 31 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following is not an Absolute Unit?
Correct Answer: Option B — em
Detailed Academic Explanation:
em is a Relative Unit
💡Key Conceptual Anchor:Basic Css
Question 32 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following Color Format can also be defined using the keyword rgb, followed by three numbers between 0 and 255, contained in parentheses and separated by commas, with no spaces between them?
Correct Answer: Option A — RGB Color
Detailed Academic Explanation:
Example: p {color:rgb(0%,10%,50%);}
💡Key Conceptual Anchor:Basic Css
Question 33 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following attribute specifies the URL of the linked resource?
Correct Answer: Option D — href
Detailed Academic Explanation:
href attribute specifies the URL of the linked resource. A URL might be absolute or relative.
💡Key Conceptual Anchor:Basic Css
Question 34 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
In css what does h1 can be called as
Correct Answer: Option A — Selector
Detailed Academic Explanation:
Selector is the correct answer to “In css what does h1 can be called as”. This question is standard in competitive examination syllabi for Basic Css.
💡Key Conceptual Anchor:Basic Css
Question 35 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
In css what does “color:red” can be called as
Correct Answer: Option C — Declaration
Detailed Academic Explanation:
Declaration is the correct answer to “In css what does “color:red” can be called as”. This question is standard in competitive examination syllabi for Basic Css.
💡Key Conceptual Anchor:Basic Css
Question 36 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
Which of the following attributes is used to specify elements to bind style rules to?
Correct Answer: Option D — all of the mentioned
Detailed Academic Explanation:
all of the mentioned is the correct answer to “Which of the following attributes is used to specify elements to bind style rules to”. This question is standard in competitive examination syllabi for Basic Css.
💡Key Conceptual Anchor:Basic Css
Question 37 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
________ selectors, which are used to specify a rule to bind to a particular unique element
Correct Answer: Option A — id
Detailed Academic Explanation:
id is the correct answer to “________ selectors, which are used to specify a rule to bind to a particular unique element”. This question is standard in competitive examination syllabi for Basic Css.
💡Key Conceptual Anchor:Basic Css
Question 38 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
In css what does “font-size” can be called as
Correct Answer: Option D — Property-Name
Detailed Academic Explanation:
Property-Name is the correct answer to “In css what does “font-size” can be called as”. This question is standard in competitive examination syllabi for Basic Css.
💡Key Conceptual Anchor:Basic Css
Question 39 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
_________ selectors, which are used to specify a group of elements
Correct Answer: Option B — class
Detailed Academic Explanation:
class is the correct answer to “_________ selectors, which are used to specify a group of elements”. This question is standard in competitive examination syllabi for Basic Css.
💡Key Conceptual Anchor:Basic Css
Question 40 of 40
★ FPSC
★ PPSC
★ FPSC
★ PPSC
__________ implementation that introduced text, list, box, margin, border, color, and background properties.
Correct Answer: Option A — css
Detailed Academic Explanation:
css is the correct answer to “__________ implementation that introduced text, list, box, margin, border, color, and background properties.”. This question is standard in competitive examination syllabi for Basic Css.
💡Key Conceptual Anchor:Basic Css
✓Link copied to clipboard
Continue Your Practice
Advance Html — Part 1
Master the next curriculum module with 40 exam-standard MCQs.
💡Examiner's Advisory for Programming & Software Development
In competitive commission exams (FPSC, PPSC, KPPSC, SPSC, CSS, PMS), questions are frequently phrased with distractor options designed to catch rote learners. Whenever you answer an MCQ, read the Detailed Academic Explanation and Conceptual Anchor to understand why the remaining options are incorrect.