CSS Online Quiz - Tutorialspoint

Home Whiteboard Graphing Calculator Online Compilers Practice Articles Tools Chapters Categories Library Courses Certifications Login

• CSS - Home
• CSS - Roadmap
• CSS - Introduction
• CSS - Syntax
• CSS - Inclusion
• CSS - Types
• CSS - Measurement Units
• CSS - Selectors
• 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 - Cascading

• CSS - Universal Selectors
• CSS - ID Selectors
• CSS - Group Selectors
• CSS - Class Selectors
• CSS - Child Selectors
• CSS - Element Selectors
• CSS - Descendant Selectors
• CSS - General Sibling Selectors
• CSS - Adjacent Sibling Selectors

• 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 Advanced Features
• 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 Interview Questions
• CSS Online Quiz
• CSS Online Test
• CSS Mock Test
• CSS - Quick Guide
• CSS - Cheatsheet
• CSS - Properties References
• CSS - Functions 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
• AI Based Resume Builder
• Personal AI Study Assistant
• Generate Coding Logic
• HR Interview Questions
• Computer Glossary
• Who is Who

CSS Online Quiz

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 selector matches the name of any element type?

A - The Type Selector

B - The Universal Selector

C - The Descendant Selector

D - The Class Selector

Answer : B

Explanation

The Universal Selector matches the name of any element type.

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 width?

A - px

B - vh

C - vw

D - vmin

Answer : C

Explanation

vw − 1% of viewport width.

Show Answer

Q 4 - Which of the following property is used to control the scrolling of an image in the background?

A - background-attachment

B - background

C - background-repeat

D - background-position

Answer : A

Explanation

The background-attachment property is used to control the scrolling of an image in the background.

Show Answer

Q 5 - Which of the following property is used to increase or decrease how bold or light a font appears?

A - font-family

B - font-style

C - font-variant

D - font-weight

Answer : D

Explanation

The font-weight property is used to increase or decrease how bold or light a font appears.

Show Answer

Q 6 - Which of the following property is used to set the text shadow around a text?

A - white-space

B - text-shadow

C - text-decoration

D - text-transform

Answer : B

Explanation

The text-shadow property is used to set the text shadow around a text.

Show Answer

Q 7 - Which of the following property specifies whether a border should be solid, dashed line, double line, or one of the other possible values?

A - :border-color

B - :border-style

C - :border-width

D - :border-bottom-color

Answer : B

Explanation

The border-style specifies whether a border should be solid, dashed line, double line, or one of the other possible values.

Show Answer

Q 8 - Which of the following property changes the width of bottom border?

A - :border-bottom-width

B - :border-top-width

C - :border-left-width

D - :border-right-width

Answer : A

Explanation

The border-bottom-width changes the width of bottom border.

Show Answer

Q 9 - Which of the following property specifies whether a long point that wraps to a second line should align with the first line or start underneath the start of the marker of a list?

A - list-style-type

B - list-style-position

C - list-style-image

D - list-style

Answer : B

Explanation

The list-style-position specifies whether a long point that wraps to a second line should align with the first line or start underneath the start of the marker.

Show Answer

Q 10 - Which of the following property specifies the distance between a marker and the text in the list?

A - marker-offset

B - list-style-position

C - list-style-image

D - list-style

Answer : A

Explanation

The marker-offset specifies the distance between a marker and the text in the list.

Show Answer css_questions_answers.htm New Quiz Advertisements