CSS Online Quiz - Tutorialspoint

• Home
• Library
• Online Compilers
• Jobs
• Whiteboard
• Tools
• Articles
• Write & Earn
• Courses
• Certifications

Menu Categories Login

• Switch theme

• SQL
• HTML
• CSS
• Javascript
• Python
• Java
• C
• C++
• PHP
• Scala
• C#
• Tailwind CSS
• Node.js
• MySQL
• MongoDB
• PL/SQL
• Swift
• Bootstrap
• R
• Machine Learning
• Blockchain
• Angular
• React Native
• Computer Fundamentals
• Compiler Design
• Operating System
• Data Structure and Algorithms
• Computer Network
• DBMS
• Excel

• CSS Tutorial
• CSS - Home
• CSS - Roadmap
• CSS - Introduction
• CSS - Syntax
• CSS - Selectors
• CSS - Inclusion
• CSS - Measurement Units
• CSS - Colors
• CSS - Backgrounds
• CSS - Fonts
• CSS - Text
• CSS - Images
• CSS - Links
• CSS - Tables
• CSS - Borders
• CSS - Border Block
• CSS - Border Inline
• CSS - Margins
• CSS - Lists
• CSS - Padding
• CSS - Cursor
• CSS - Outlines
• CSS - Dimension
• CSS - Scrollbars
• CSS - Inline Block
• CSS - Dropdowns
• CSS - Visibility
• CSS - Overflow
• CSS - Clearfix
• CSS - Float
• CSS - Arrows
• CSS - Resize
• CSS - Quotes
• CSS - Order
• CSS - Position
• CSS - Hyphens
• CSS - Hover
• CSS - Display
• CSS - Focus
• CSS - Zoom
• CSS - Translate
• CSS - Height
• CSS - Hyphenate Character
• CSS - Width
• CSS - Opacity
• CSS - Z-Index
• CSS - Bottom
• CSS - Navbar
• CSS - Overlay
• CSS - Forms
• CSS - Align
• CSS - Icons
• CSS - Image Gallery
• CSS - Comments
• CSS - Loaders
• CSS - Attr Selectors
• CSS - Combinators
• CSS - Root
• CSS - Box Model
• CSS - Counters
• CSS - Clip
• CSS - Writing Mode
• CSS - Unicode-bidi
• CSS - min-content
• CSS - All
• CSS - Inset
• CSS - Isolation
• CSS - Overscroll
• CSS - Justify Items
• CSS - Justify Self
• CSS - Tab Size
• CSS - Pointer Events
• CSS - Place Content
• CSS - Place Items
• CSS - Place Self
• CSS - Max Block Size
• CSS - Min Block Size
• CSS - Mix Blend Mode
• CSS - Max Inline Size
• CSS - Min Inline Size
• CSS - Offset
• CSS - Accent Color
• CSS - User Select

• CSS Advanced
• CSS - Grid
• CSS - Grid Layout
• CSS - Flexbox
• CSS - Visibility
• CSS - Positioning
• CSS - Layers
• CSS - Pseudo Classes
• CSS - Pseudo Elements
• CSS - @ Rules
• CSS - Text Effects
• CSS - Paged Media
• CSS - Printing
• CSS - Layouts
• CSS - Validations
• CSS - Image Sprites
• CSS - Important
• CSS - Data Types

• CSS3 Tutorial
• CSS3 - Tutorial
• CSS - Rounded Corner
• CSS - Border Images
• CSS - Multi Background
• CSS - Color
• CSS - Gradients
• CSS - Box Shadow
• CSS - Box Decoration Break
• CSS - Caret Color
• CSS - Text Shadow
• CSS - Text
• CSS - 2d transform
• CSS - 3d transform
• CSS - Transition
• CSS - Animation
• CSS - Multi columns
• CSS - Box Sizing
• CSS - Tooltips
• CSS - Buttons
• CSS - Pagination
• CSS - Variables
• CSS - Media Queries
• CSS - Functions
• CSS - Math Functions
• CSS - Masking
• CSS - Shapes
• CSS - Style Images
• CSS - Specificity
• CSS - Custom Properties

• CSS Responsive
• CSS RWD - Introduction
• CSS RWD - Viewport
• CSS RWD - Grid View
• CSS RWD - Media Queries
• CSS RWD - Images
• CSS RWD - Videos
• CSS RWD - Frameworks

• CSS References
• CSS - Questions and Answers
• CSS - Quick Guide
• CSS - References
• CSS - Color References
• CSS - Web browser References
• CSS - Web safe fonts
• CSS - Units
• CSS - Animation

• CSS tools
• CSS - PX to EM converter
• CSS - Color Chooser & Animation

• CSS Resources
• CSS - Useful Resources
• CSS - Discussion

• Selected Reading
• UPSC IAS Exams Notes
• Developer's Best Practices
• Questions and Answers
• Effective Resume Writing
• HR Interview Questions
• Computer Glossary
• Who is Who

CSS Online Quiz Previous Next

Following quiz provides Multiple Choice Questions (MCQs) related to CSS. You will have to read all the given answers and click over the correct answer. If you are not sure about the answer then you can check the answer using Show Answer button. You can use Next Quiz button to check new set of questions in the quiz.

Q 1 - Which of the following is correct about CSS?

A - CSS is used to control the style of a web document in a simple and easy way.

B - CSS is the acronym for "Cascading Style Sheet".

C - You can write CSS once and then reuse same sheet in multiple HTML pages.

D - All of the above.

Answer : D

Explanation

All of the above options are correct.

Show Answer

Q 2 - Which of the following selector selects all paragraph elements whose lang attribute contains values that are exactly "fr", or begin with "fr-"?

A - p[lang]

B - p[lang="fr"]

C - p[lang~="fr"]

D - p[lang|="fr"]

Answer : D

Explanation

p[lang|="fr"] − Selects all paragraph elements whose lang attribute contains values that are exactly "fr", or begin with "fr-".

Show Answer

Q 3 - Which of the following defines 1% of viewport height?

A - px

B - vh

C - vw

D - vmin

Answer : B

Explanation

vh − 1% of viewport height.

Show Answer

Q 4 - Which of the following is correct about Browser Safe Colors?

A - These are 216 colors which are supposed to be most safe and computer independent colors.

B - These colors vary from hexa code 000000 to FFFFFF.

C - These colors are safe to use because they ensure that all computers would display the colors correctly when running a 256 color palette.

D - All of the above.

Answer : D

Explanation

All of the above options are correct.

Show Answer

Q 5 - Which of the following property is used to increase or decrease the size of a font?

A - font-size

B - font

C - font-variant

D - font-weight

Answer : A

Explanation

The font-size property is used to increase or decrease the size of a font.

Show Answer

Q 6 - Which of the following property is used to set the opacity of an image?

A - border

B - height

C - width

D - -moz-opacity

Answer : D

Explanation

The -moz-opacity property is used to set the opacity of an image.

Show Answer

Q 7 - Which of the following property of a table element specifies whether the browser should control the appearance of the adjacent borders that touch each other or whether each cell should maintain its style?

A - :border-collapse

B - :border-spacing

C - :caption-side

D - :empty-cells

Answer : A

Explanation

The border-collapse specifies whether the browser should control the appearance of the adjacent borders that touch each other or whether each cell should maintain its style.

Show Answer

Q 8 - Which of the following property changes the style of top border?

A - :border-bottom-style

B - :border-top-style

C - :border-left-style

D - :border-right-style

Answer : B

Explanation

The border-top-style changes the style of top border.

Show Answer

Q 9 - Which of the following property specifies the top margin of an element?

A - :margin

B - :margin-bottom

C - :margin-top

D - :margin-left

Answer : C

Explanation

The margin-top specifies the top margin of an element.

Show Answer

Q 10 - Which of the following value of cursor shows it as a pointing hand?

A - crosshair

B - default

C - pointer

D - move

Answer : C

Explanation

pointer: A pointing hand (in IE 4 this value is hand).

Show Answer css_questions_answers.htm New Quiz Print Page Previous Next Advertisements