What is [Link]?

A) A programming language
B) A web framework
C) A database management system
D) An operating system
Answer: B

What is the purpose of [Link]?

A) To create dynamic web pages
B) To add interactivity to websites
C) To provide a set of CSS styles for web development
D) To manage server-side scripts
Answer: C

Who developed [Link]?

A) Adobe
B) Google
C) Microsoft
D) W3Schools
Answer: D

Is [Link] a free and open-source framework?

A) Yes
B) No
Answer: A

Which of the following is true about [Link]?

A) It is a lightweight framework
B) It is a heavy framework
C) It is a very old framework
D) It is a deprecated framework
Answer: A

Can [Link] be used with other CSS frameworks?

A) Yes
B) No
Answer: A

Does [Link] require JavaScript to work?

A) Yes
B) No
Answer: B

Which of the following is NOT a feature of [Link]?

A) Responsive design
B) CSS animations
C) Server-side scripting
D) CSS grids
Answer: C

Which class is used to create a container in [Link]?

A) .container
B) .wrapper
C) .box
D) .content
Answer: A

Which of the following is used to create a full-width container in [Link]?

A) .container-full
B) .full-container
C) .container-fluid
D) .fluid-container
Answer: C

Which class is used to create a navigation bar in [Link]?

A) .navbar
B) .navigation
C) .nav
D) .menu
Answer: A

Which class is used to create a dropdown menu in [Link]?

A) .dropdown
B) .dropdown-menu
C) .drop-menu
D) .menu-dropdown
Answer: B

Which class is used to create a button in [Link]?

A) .btn
B) .button
C) .clickable
D) .action
Answer: A

Which class is used to create a badge in [Link]?

A) .tag
B) .label
C) .badge
D) .mark
Answer: C

Which class is used to create a modal in [Link]?

A) .modal
B) .popup
C) .dialog
D) .window
Answer: A

[Link] intro

What is [Link]?
A) A programming language
B) A web framework
C) A database management system
D) An operating system
Answer: B

What is the purpose of [Link]?

A) To create dynamic web pages
B) To add interactivity to websites
C) To provide a set of CSS styles for web development
D) To manage server-side scripts
Answer: C

Who developed [Link]?

A) Adobe
B) Google
C) Microsoft
D) W3Schools
Answer: D

Is [Link] a free and open-source framework?

A) Yes
B) No
Answer: A

Which of the following is true about [Link]?

A) It is a lightweight framework
B) It is a heavy framework
C) It is a very old framework
D) It is a deprecated framework
Answer: A

Can [Link] be used with other CSS frameworks?

A) Yes
B) No
Answer: A

Does [Link] require JavaScript to work?

A) Yes
B) No
Answer: B

Which of the following is NOT a feature of [Link]?

A) Responsive design
B) CSS animations
C) Server-side scripting
D) CSS grids
Answer: C

Which class is used to create a container in [Link]?

A) .container
B) .wrapper
C) .box
D) .content
Answer: A

Which of the following is used to create a full-width container in [Link]?

A) .container-full
B) .full-container
C) .container-fluid
D) .fluid-container
Answer: C

Which class is used to create a navigation bar in [Link]?

A) .navbar
B) .navigation
C) .nav
D) .menu
Answer: A

Which class is used to create a dropdown menu in [Link]?

A) .dropdown
B) .dropdown-menu
C) .drop-menu
D) .menu-dropdown
Answer: B

Which class is used to create a button in [Link]?

A) .btn
B) .button
C) .clickable
D) .action
Answer: A

Which class is used to create a badge in [Link]?

A) .tag
B) .label
C) .badge
D) .mark
Answer: C

Which class is used to create a modal in [Link]?

A) .modal
B) .popup
C) .dialog
D) .window
Answer: A

[Link] Colors

How many color classes are available in [Link]?

A) 6
B) 8
C) 10
D) 12
Answer: B

Which color class is used to set the background color of an element to red?
A) .w3-red
B) .w3-green
C) .w3-blue
D) .w3-yellow
Answer: A

Which color class is used to set the text color of an element to green?
A) .w3-text-red
B) .w3-text-green
C) .w3-text-blue
D) .w3-text-yellow
Answer: B

Which color class is used to set the border color of an element to blue?
A) .w3-border-red
B) .w3-border-green
C) .w3-border-blue
D) .w3-border-yellow
Answer: C

Which color class is used to set the hover color of an element to yellow?
A) .w3-hover-red
B) .w3-hover-green
C) .w3-hover-blue
D) .w3-hover-yellow
Answer: D

Which color class is used to set the background color of a container to light gray?
A) .w3-container-gray
B) .w3-container-light-gray
C) .w3-container-dark-gray
D) .w3-container-text-gray
Answer: B

Which color class is used to set the background color of a panel to light green?
A) .w3-panel-green
B) .w3-panel-light-green
C) .w3-panel-dark-green
D) .w3-panel-text-green
Answer: B

Which color class is used to set the text color of a button to white?
A) .w3-button-white
B) .w3-button-black
C) .w3-button-text-white
D) .w3-button-text-black
Answer: A

Which color class is used to set the background color of a button to yellow?
A) .w3-button-yellow
B) .w3-button-orange
C) .w3-button-text-yellow
D) .w3-button-text-orange
Answer: A

Which color class is used to set the background color of a navigation bar to blue?
A) .w3-navbar-blue
B) .w3-navbar-light-blue
C) .w3-navbar-dark-blue
D) .w3-navbar-text-blue
Answer: A

Which color class is used to set the background color of a dropdown menu to gray?
A) .w3-dropdown-gray
B) .w3-dropdown-light-gray
C) .w3-dropdown-dark-gray
D) .w3-dropdown-text-gray
Answer: A

Which color class is used to set the background color of a table to light blue?
A) .w3-table-blue
B) .w3-table-light-blue
C) .w3-table-dark-blue
D) .w3-table-text-blue
Answer: B

Which color class is used to set the border color of a table to light green?
A) .w3-table-green
B) .w3-table-light-green
C) .w3-table-dark-green
D) .w3-table-text-green
Answer: B

Which color class is used to set the background color of a form to yellow?
A) .w3-form-yellow
B) .w3-form-orange
C) .w3-form-light-yellow
D) .w3-form-dark-yellow
Answer: A
What is the default font color in [Link]?
A) #000000
B) #ffffff
C) #ff0000
D) #00ff00
Answer: A

How many color classes does [Link] provide?

A) 8
B) 16
C) 32
D) 64
Answer: B

Which of the following is NOT a color class in [Link]?

A) .w3-red
B) .w3-green
C) .w3-blue
D) .w3-yellow
Answer: D
How many named colors are available in [Link]?
A) 141
B) 256
C) 16777216
D) 10
Answer: A
Which of the following is a named color in [Link]?
A) #007FFF
B) MediumSeaGreen
C) rgb(255, 165, 0)
D) hsl(120, 100%, 50%)
Answer: B

[Link] Containers

Which of the following is not a type of container in [Link]?

A) w3-container
B) w3-panel
C) w3-card
D) w3-box
Answer: D

Which of the following classes defines a container that fills the entire width of the screen?
A) w3-container
B) w3-container-fluid
C) w3-panel
D) w3-card
Answer: B

Which of the following classes adds a border to a container in [Link]?

A) w3-border
B) w3-card
C) w3-panel
D) w3-container
Answer: A

Which of the following classes adds a shadow effect to a container in [Link]?

A) w3-shadow
B) w3-border
C) w3-panel
D) w3-container
Answer: A
Which of the following classes adds a background color to a container in [Link]?
A) w3-color
B) w3-background
C) w3-panel
D) w3-container
Answer: B

Which of the following classes centers the content within a container in [Link]?
A) w3-center
B) w3-padding
C) w3-margin
D) w3-container
Answer: A

Which of the following classes allows a container to be collapsible in [Link]?

A) w3-collapse
B) w3-card
C) w3-container
D) w3-panel
Answer: D

Which of the following classes allows a container to be expandable in [Link]?

A) w3-collapse
B) w3-card
C) w3-container
D) w3-panel
Answer: A

Which of the following classes adds a hover effect to a container in [Link]?

A) w3-hover
B) w3-panel-hover
C) w3-container-hover
D) w3-box-hover
Answer: A

Which of the following classes makes the content of a container scrollable in [Link]?
A) w3-scrollable
B) w3-card
C) w3-panel
D) w3-container
Answer: A

Which of the following classes adds a rounded border to a container in [Link]?

A) w3-round
B) w3-border-round
C) w3-card
D) w3-container
Answer: A

Which of the following classes adds a margin to a container in [Link]?

A) w3-margin
B) w3-padding
C) w3-container-margin
D) w3-panel-margin
Answer: A

Which of the following classes adds a padding to a container in [Link]?

A) w3-padding
B) w3-margin
C) w3-container-padding
D) w3-panel-padding
Answer: A

Which of the following classes allows a container to be horizontally centered in [Link]?

A) w3-display-middle
B) w3-center
C) w3-horizontal-center
D) w3-container-center
Answer: B

Which of the following classes allows a container to be vertically centered in [Link]?

A) w3-display-middle
B) w3-center
C) w3-vertical-center
D) w3-container-center
Answer: C

Which of the following classes allows a container to have a fixed height in [Link]?
A) w3-height
B) w3-fixed-height
C) w3-container-height
D) w3-panel-height
Answer: B
Which of the following is the class used to create a container in [Link]?
A) .container
B) .wrap
C) .box
D) .content
Answer: A

Which of the following classes can be used to create a fixed-width container in [Link]?
A) .container
B) .container-small
C) .container-medium
D) .container-large
Answer: D

Which of the following classes can be used to create a full-width container in [Link]?
A) .container-full
B) .container-fluid
C) .container-100
D) .container-wide
Answer: B

Which of the following classes can be used to center the content of a container horizontally in [Link]?
A) .container-center
B) .container-hcenter
C) .container-middle
D) .container-align-center
Answer: B

Which of the following classes can be used to center the content of a container vertically in [Link]?
A) .container-middle
B) .container-vcenter
C) .container-center
D) .container-align-middle
Answer: A

Which of the following classes can be used to create a container with a specific background color in
[Link]?
A) .bg-color
B) .container-bg
C) .container-color
D) .bg-container
Answer: B

Which of the following classes can be used to create a container with rounded corners in [Link]?
A) .container-rounded
B) .container-curved
C) .container-corner
D) .container-radius
Answer: A

Which of the following classes can be used to create a container with a shadow in [Link]?
A) .container-shadow
B) .container-depth
C) .container-haze
D) .container-glow
Answer: A

Which of the following classes can be used to create a container with a border in [Link]?
A) .container-bordered
B) .container-border
C) .container-outline
D) .container-boxed
Answer: A

Which of the following classes can be used to create a container with a specific width in [Link]?
A) .container-fixed
B) .container-width
C) .container-size
D) .container-box
Answer: B

Which of the following classes can be used to create a container with a specific height in [Link]?
A) .container-height
B) .container-tall
C) .container-size
D) .container-box
Answer: A

Which of the following classes can be used to create a container with a minimum height in [Link]?
A) .container-min-height
B) .container-short
C) .container-limited
D) .container-minimize
Answer: A

Which of the following classes can be used to create a container with a maximum height in [Link]?
A) .container-max-height
B) .container-tall
C) .container-limited
D) .container-height-max
Answer: A

Which of the following classes can be used to create a container with padding in [Link]?
A) .container-padding
B) .container-pad
C) .container-space
D) .container-gap
Answer: B
Which of the following classes can be used to create a container with margin in [Link]?
A) .container-margin
B) .container-space
C) .container-pad
D) .container-gap
Answer: A

[Link] panel

Which of the following classes can be used to create a panel in [Link]?

A) .panel
B) .container
C) .box
D) .content
Answer: A

Which of the following classes can be used to add a header to a panel in [Link]?
A) .panel-header
B) .panel-heading
C) .panel-title
D) .panel-top
Answer: B

Which of the following classes can be used to add a footer to a panel in [Link]?
A) .panel-footer
B) .panel-bottom
C) .panel-end
D) .panel-close
Answer: A

Which of the following classes can be used to create a border around a panel in [Link]?
A) .panel-border
B) .panel-box
C) .panel-outline
D) .panel-frame
Answer: C
Which of the following classes can be used to create a panel with rounded corners in [Link]?
A) .panel-rounded
B) .panel-curved
C) .panel-corner
D) .panel-radius
Answer: A

Which of the following classes can be used to create a panel with a shadow in [Link]?
A) .panel-shadow
B) .panel-depth
C) .panel-haze
D) .panel-glow
Answer: A

Which of the following classes can be used to create a collapsible panel in [Link]?
A) .panel-collapse
B) .panel-collapsible
C) .panel-toggle
D) .panel-expand
Answer: B

Which of the following classes can be used to add a close button to a panel in [Link]?
A) .panel-close
B) .panel-dismiss
C) .panel-remove
D) .panel-exit
Answer: A

Which of the following classes can be used to add a title to a panel in [Link]?
A) .panel-title
B) .panel-heading
C) .panel-header
D) .panel-top
Answer: A
Which of the following classes can be used to create a panel with a specific background color in
[Link]?
A) .bg-color
B) .panel-bg
C) .panel-color
D) .bg-panel
Answer: B

Which of the following classes can be used to create a panel with a specific width in [Link]?
A) .panel-fixed
B) .panel-width
C) .panel-size
D) .panel-box
Answer: B

Which of the following classes can be used to create a panel with a specific height in [Link]?
A) .panel-height
B) .panel-tall
C) .panel-size
D) .panel-box
Answer: A

Which of the following classes can be used to create a panel with padding in [Link]?
A) .panel-padding
B) .panel-pad
C) .panel-space
D) .panel-gap
Answer: B

Which of the following classes can be used to create a panel with margin in [Link]?
A) .panel-margin
B) .panel-space
C) .panel-pad
D) .panel-gap
Answer: A

Which of the following classes can be used to create a panel with a horizontal scroll bar in [Link]?
A) .panel-scroll
B) .panel-horizontal
C) .panel-scrollbar
D) .panel-scroll-x
Answer: D
Which of the following classes is used to create a panel header in [Link]?
A) .panel-heading
B) .panel-header
C) .panel-title
D) .panel-top
Answer: A

Which of the following classes can be used to create a panel with a specific background color in
[Link]?
A) .bg-panel
B) .panel-color
C) .panel-bg
D) .panel-background
Answer: C

Which of the following classes is used to create a panel with a shadow in [Link]?
A) .panel-shadow
B) .panel-depth
C) .panel-haze
D) .panel-glow
Answer: A

Which of the following classes can be used to create a panel with rounded corners in [Link]?
A) .panel-rounded
B) .panel-curved
C) .panel-corner
D) .panel-radius
Answer: A

Which of the following classes can be used to create a panel with a border in [Link]?
A) .panel-bordered
B) .panel-border
C) .panel-outline
D) .panel-boxed
Answer: A

Which of the following classes can be used to create a panel with a specific width in [Link]?
A) .panel-fixed
B) .panel-width
C) .panel-size
D) .panel-box
Answer: B

Which of the following classes can be used to create a panel with a specific height in [Link]?
A) .panel-height
B) .panel-tall
C) .panel-size
D) .panel-box
Answer: A

Which of the following classes can be used to create a panel with a minimum height in [Link]?
A) .panel-min-height
B) .panel-short
C) .panel-limited
D) .panel-minimize
Answer: A

Which of the following classes can be used to create a panel with a maximum height in [Link]?
A) .panel-max-height
B) .panel-tall
C) .panel-limited
D) .panel-height-max
Answer: A

Which of the following classes can be used to create a panel with padding in [Link]?
A) .panel-padding
B) .panel-pad
C) .panel-space
D) .panel-gap
Answer: B

Which of the following classes can be used to create a panel with margin in [Link]?
A) .panel-margin
B) .panel-space
C) .panel-pad
D) .panel-gap
Answer: A

Which of the following classes is used to create a panel footer in [Link]?

A) .panel-footer
B) .panel-bottom
C) .panel-end
D) .panel-bottom-end
Answer: A

Which of the following classes can be used to create a panel with a specific font size in [Link]?
A) .panel-font-size
B) .panel-size
C) .panel-text
D) .panel-text-size
Answer: A

Which of the following classes can be used to create a panel with a specific text color in [Link]?
A) .panel-color
B) .panel-text-color
C) .panel-text
D) .panel-font-color
Answer: B

[Link] Borders

Which of the following properties is used to set the border style in [Link]?
A) border-size
B) border-style
C) border-width
D) border-color
Answer: B

Which of the following values can be used for the border-style property in [Link] to create a dotted
border?
A) dashed
B) solid
C) double
D) dotted
Answer: D

Which of the following values can be used for the border-style property in [Link] to create a dashed
border?
A) dashed
B) solid
C) double
D) dotted
Answer: A

Which of the following values can be used for the border-style property in [Link] to create a double
border?
A) dashed
B) solid
C) double
D) dotted
Answer: C

Which of the following properties is used to set the border color in [Link]?
A) border-size
B) border-style
C) border-color
D) border-width
Answer: C

Which of the following values can be used for the border-color property in [Link] to create a red
border?
A) red
B) #ff0000
C) rgb(255,0,0)
D) All of the above
Answer: D

Which of the following properties is used to set the border width in [Link]?
A) border-size
B) border-style
C) border-color
D) border-width
Answer: D

Which of the following values can be used for the border-width property in [Link] to create a thin
border?
A) thin
B) medium
C) thick
D) All of the above
Answer: A

Which of the following values can be used for the border-width property in [Link] to create a
medium border?
A) thin
B) medium
C) thick
D) All of the above
Answer: B

Which of the following values can be used for the border-width property in [Link] to create a thick
border?
A) thin
B) medium
C) thick
D) All of the above
Answer: C

Which of the following properties is used to set the border radius in [Link]?
A) border-radius
B) border-corner
C) border-curve
D) border-angle
Answer: A

Which of the following values can be used for the border-radius property in [Link] to create a
rounded border?
A) rounded
B) curve
C) circle
D) All of the above
Answer: A

Which of the following values can be used for the border-radius property in [Link] to create a
circular border?
A) rounded
B) curve
C) circle
D) All of the above
Answer: C

Which of the following values can be used for the border-radius property in [Link] to create a curved
border?
A) rounded
B) curve
C) circle
D) All of the above
Answer: B

Which of the following properties is used to set the border image in [Link]?
A) border-image
B) border-style
C) border-color
D) border-width
Answer: A
Which of the following values can be used for the border-image property in [Link] to set the source
of the border image?
A) url([Link])
B) #ff0000
C) dashed
D) None of the above
Answer: A
Which of the following classes is used to add a border to an element in [Link]?
A) .border
B) .bordered
C) .border-style
D) .bordered-element
Answer: A

Which of the following classes is used to add a border to all sides of an element in [Link]?
A) .border-all
B) .border-each
C) .border-sides
D) .border-every
Answer: A

Which of the following classes is used to add a border to the top of an element in [Link]?
A) .border-top
B) .border-up
C) .border-head
D) .border-high
Answer: A

Which of the following classes is used to add a border to the right of an element in [Link]?
A) .border-right
B) .border-r
C) .border-east
D) .border-side-r
Answer: A

Which of the following classes is used to add a border to the bottom of an element in [Link]?
A) .border-bottom
B) .border-down
C) .border-foot
D) .border-low
Answer: A

Which of the following classes is used to add a border to the left of an element in [Link]?
A) .border-left
B) .border-l
C) .border-west
D) .border-side-l
Answer: A

Which of the following classes is used to remove the border from an element in [Link]?
A) .border-none
B) .border-remove
C) .borderless
D) .border-off
Answer: A

Which of the following classes is used to add a specific width to an element's border in [Link]?
A) .border-width
B) .border-size
C) .border-thick
D) .border-girth
Answer: A

Which of the following classes is used to add a specific color to an element's border in [Link]?
A) .border-color
B) .border-paint
C) .border-shade
D) .border-tint
Answer: A

Which of the following classes is used to add a specific style to an element's border in [Link]?
A) .border-style
B) .border-pattern
C) .border-type
D) .border-design
Answer: A

Which of the following classes is used to add a rounded border to an element in [Link]?
A) .border-rounded
B) .border-curved
C) .border-radius
D) .border-shape
Answer: C

Which of the following classes is used to add a dotted border to an element in [Link]?
A) .border-dotted
B) .border-dot
C) .border-points
D) .border-splotches
Answer: A

Which of the following classes is used to add a dashed border to an element in [Link]?
A) .border-dashed
B) .border-dash
C) .border-lines
D) .border-stripes
Answer: A

Which of the following classes is used to add a double border to an element in [Link]?
A) .border-double
B) .border-two
C) .border-twin
D) .border-both
Answer: A

[Link] font

Which of the following classes is used to change the font size in [Link]?
A) .font-size
B) .font-weight
C) .font-style
D) .font-scale
Answer: A

Which of the following classes is used to change the font family in [Link]?
A) .font-family
B) .font-set
C) .font-type
D) .font-choice
Answer: A

Which of the following classes is used to make text bold in [Link]?

A) .bold
B) .font-bold
C) .text-bold
D) .bolder
Answer: D

Which of the following classes is used to make text italic in [Link]?

A) .italic
B) .font-italic
C) .text-italic
D) .cursive
Answer: B

Which of the following classes is used to make text underlined in [Link]?

A) .underline
B) .font-underline
C) .text-underline
D) .decorated
Answer: A

Which of the following classes is used to strike through text in [Link]?

A) .strike
B) .font-strike
C) .text-strike
D) .line-through
Answer: D

Which of the following classes is used to change the color of text in [Link]?
A) .text-color
B) .color
C) .font-color
D) .text-style
Answer: B

Which of the following classes is used to change the background color of text in [Link]?
A) .text-bgcolor
B) .bgcolor
C) .font-bgcolor
D) .text-background
Answer: A

Which of the following classes is used to align text to the left in [Link]?
A) .text-left
B) .left-align
C) .align-left
D) .text-align-left
Answer: A

Which of the following classes is used to align text to the center in [Link]?
A) .text-center
B) .center-align
C) .align-center
D) .text-align-center
Answer: A

Which of the following classes is used to align text to the right in [Link]?
A) .text-right
B) .right-align
C) .align-right
D) .text-align-right
Answer: A

Which of the following classes is used to justify text in [Link]?

A) .text-justify
B) .justify-align
C) .align-justify
D) .text-align-justify
Answer: A

Which of the following classes is used to add letter spacing to text in [Link]?
A) .letter-spacing
B) .text-spacing
C) .font-spacing
D) .spacing-letter
Answer: A

Which of the following classes is used to add word spacing to text in [Link]?
A) .word-spacing
B) .text-word-spacing
C) .font-word-spacing
D) .spacing-word
Answer: A

Which of the following classes is used to add line height to text in [Link]?
A) .line-height
B) .text-line-height
C) .font-line-height
D) .height-line
Answer: A
Which of the following classes is used to set the font size in [Link]?
A) .font-size
B) .font-style
C) .font-height
D) .font-large
Answer: A
Which of the following classes is used to set the font family in [Link]?
A) .font-family
B) .font-type
C) .font-kind
D) .font-face
Answer: A

Which of the following classes is used to set the font color in [Link]?
A) .font-color
B) .text-color
C) .color-text
D) .text-style
Answer: B

Which of the following classes is used to make text bold in [Link]?

A) .bold
B) .font-bold
C) .text-bold
D) .strong
Answer: D

Which of the following classes is used to make text italic in [Link]?

A) .italic
B) .font-italic
C) .text-italic
D) .emphasis
Answer: B

Which of the following classes is used to make text underlined in [Link]?

A) .underline
B) .font-underline
C) .text-underline
D) .highlight
Answer: A

Which of the following classes is used to make text strikethrough in [Link]?

A) .strike
B) .font-strike
C) .text-strike
D) .line-through
Answer: D

Which of the following classes is used to set the text alignment in [Link]?
A) .text-align
B) .align-text
C) .text-position
D) .position-text
Answer: A

Which of the following classes is used to set the text indentation in [Link]?
A) .text-indent
B) .indent-text
C) .text-offset
D) .offset-text
Answer: A

Which of the following classes is used to set the text decoration in [Link]?
A) .text-decoration
B) .deco-text
C) .text-ornament
D) .ornament-text
Answer: A

Which of the following classes is used to set the letter spacing in [Link]?
A) .letter-spacing
B) .spacing-letter
C) .letter-position
D) .position-letter
Answer: A

Which of the following classes is used to set the word spacing in [Link]?
A) .word-spacing
B) .spacing-word
C) .word-position
D) .position-word
Answer: A

Which of the following classes is used to set the text transform in [Link]?
A) .text-transform
B) .transform-text
C) .text-conversion
D) .conversion-text
Answer: A

Which of the following classes is used to set the text shadow in [Link]?
A) .text-shadow
B) .shadow-text
C) .text-outline
D) .outline-text
Answer: A

Which of the following classes is used to set the line height in [Link]?
A) .line-height
B) .height-line
C) .line-position
D) .position-line
Answer: A

Which of the following classes is used to set the text overflow in [Link]?
A) .text-overflow
B) .overflow-text
C) .text-wrap
D) .wrap-text
Answer: A

[Link] Text

Which of the following classes is used to set the text color in [Link]?
A) .text-color
B) .font-color
C) .color-text
D) .text-style
Answer: B

Which of the following classes is used to set the background color of text in [Link]?
A) .text-background
B) .background-text
C) .text-bgcolor
D) .bgcolor-text
Answer: A

Which of the following classes is used to set the size of the first letter in a paragraph in [Link]?
A) .first-letter
B) .letter-first
C) .initial-letter
D) .letter-initial
Answer: A

Which of the following classes is used to set the text direction in [Link]?
A) .text-direction
B) .direction-text
C) .text-flow
D) .flow-text
Answer: A

Which of the following classes is used to set the text alignment in [Link]?
A) .text-align
B) .align-text
C) .text-position
D) .position-text
Answer: A

Which of the following classes is used to set the text indentation in [Link]?
A) .text-indent
B) .indent-text
C) .text-offset
D) .offset-text
Answer: A

Which of the following classes is used to set the letter spacing in [Link]?
A) .letter-spacing
B) .spacing-letter
C) .letter-position
D) .position-letter
Answer: A

Which of the following classes is used to set the word spacing in [Link]?
A) .word-spacing
B) .spacing-word
C) .word-position
D) .position-word
Answer: A

Which of the following classes is used to set the text decoration in [Link]?
A) .text-decoration
B) .deco-text
C) .text-ornament
D) .ornament-text
Answer: A

Which of the following classes is used to set the text transform in [Link]?
A) .text-transform
B) .transform-text
C) .text-conversion
D) .conversion-text
Answer: A

Which of the following classes is used to set the text shadow in [Link]?
A) .text-shadow
B) .shadow-text
C) .text-outline
D) .outline-text
Answer: A

Which of the following classes is used to set the line height in [Link]?
A) .line-height
B) .height-line
C) .line-position
D) .position-line
Answer: A

Which of the following classes is used to set the text overflow in [Link]?
A) .text-overflow
B) .overflow-text
C) .text-wrap
D) .wrap-text
Answer: A

Which of the following classes is used to set the text wrapping in [Link]?
A) .text-wrap
B) .wrap-text
C) .text-overflow
D) .overflow-text
Answer: A

Which of the following classes is used to set the text orientation in [Link]?
A) .text-orientation
B) .orientation-text
C) .text-writing-mode
D) .writing-mode-text
Answer: A
Which of the following classes is used to set the text color in [Link]?
A) .text-color
B) .color-text
C) .font-color
D) .text-style
Answer: B
Which of the following classes is used to set the background color of text in [Link]?
A) .text-bg-color
B) .background-text
C) .bg-color-text
D) .text-background-color
Answer: D

Which of the following classes is used to set the font size in [Link]?
A) .font-size
B) .text-size
C) .size-font
D) .text-style
Answer: A

Which of the following classes is used to set the font family in [Link]?
A) .font-family
B) .text-family
C) .family-font
D) .text-style
Answer: A

Which of the following classes is used to make text bold in [Link]?

A) .bold
B) .text-bold
C) .font-bold
D) .strong
Answer: D

Which of the following classes is used to make text italic in [Link]?

A) .italic
B) .text-italic
C) .font-italic
D) .emphasis
Answer: C
Which of the following classes is used to make text underlined in [Link]?
A) .underline
B) .text-underline
C) .font-underline
D) .highlight
Answer: A

Which of the following classes is used to make text strikethrough in [Link]?

A) .strike
B) .text-strike
C) .font-strike
D) .line-through
Answer: D

Which of the following classes is used to set the text alignment in [Link]?
A) .text-align
B) .align-text
C) .text-position
D) .position-text
Answer: A

Which of the following classes is used to set the text indentation in [Link]?
A) .text-indent
B) .indent-text
C) .text-offset
D) .offset-text
Answer: A

Which of the following classes is used to set the text decoration in [Link]?
A) .text-decoration
B) .deco-text
C) .text-ornament
D) .ornament-text
Answer: A

Which of the following classes is used to set the letter spacing in [Link]?
A) .letter-spacing
B) .spacing-letter
C) .letter-position
D) .position-letter
Answer: A

Which of the following classes is used to set the word spacing in [Link]?
A) .word-spacing
B) .spacing-word
C) .word-position
D) .position-word
Answer: A

Which of the following classes is used to set the text transform in [Link]?
A) .text-transform
B) .transform-text
C) .text-conversion
D) .conversion-text
Answer: A

Which of the following classes is used to set the text shadow in [Link]?
A) .text-shadow
B) .shadow-text
C) .text-outline
D) .outline-text
Answer: A

Which of the following classes is used to set the line height in [Link]?
A) .line-height
B) .height-line
C) .line-position
D) .position-line
Answer: A

[Link] Tables

What is the default border-collapse property value in [Link]?

a) collapse
b) separate
c) inherit
d) initial
Answer: a) collapse

Which of the following [Link] classes is used to add zebra-striping to a table?

a) w3-hoverable
b) w3-responsive
c) w3-striped
d) w3-bordered
Answer: c) w3-striped

Which of the following is a correct way to apply a border to a table in [Link]?

a) Add a border attribute to the table tag
b) Apply a border property to the table element in CSS
c) Use the w3-border class
d) None of the above
Answer: c) Use the w3-border class

Which [Link] class is used to center a table on a page?

a) w3-center
b) w3-margin
c) w3-padding
d) w3-display-middle
Answer: a) w3-center

Which [Link] class is used to add hover effects to table rows?

a) w3-hoverable
b) w3-striped
c) w3-border
d) w3-padding
Answer: a) w3-hoverable

Which of the following is a correct way to add a caption to a table in [Link]?

a) Use the caption tag
b) Use the w3-caption class
c) Use the table-caption property in CSS
d) All of the above
Answer: b) Use the w3-caption class

Which [Link] class is used to add padding to a table?

a) w3-padding
b) w3-margin
c) w3-center
d) w3-striped
Answer: a) w3-padding

Which of the following is a correct way to set the width of a table in [Link]?
a) Use the width attribute in the table tag
b) Use the width property in CSS
c) Use the w3-table class
d) None of the above
Answer: b) Use the width property in CSS

Which [Link] class is used to make a table responsive?

a) w3-hoverable
b) w3-striped
c) w3-responsive
d) w3-padding
Answer: c) w3-responsive

Which of the following is a correct way to add a background color to a table in [Link]?
a) Use the background-color property in CSS
b) Use the bgcolor attribute in the table tag
c) Use the w3-bg class
d) All of the above
Answer: a) Use the background-color property in CSS

Which [Link] class is used to add borders to table cells?

a) w3-border
b) w3-padding
c) w3-margin
d) w3-cell-border
Answer: a) w3-border

Which of the following is a correct way to set the text alignment of a table cell in [Link]?
a) Use the align attribute in the td tag
b) Use the text-align property in CSS
c) Use the w3-center class
d) All of the above
Answer: b) Use the text-align property in CSS

Which [Link] class is used to add a header to a table?

a) w3-header
b) w3-padding
c) w3-margin
d) None of the above
Answer: d) None of the above

[Link] List

Which of the following is a valid [Link] class for creating a button?

A. w3-cell
B. w3-col
C. w3-button
D. w3-container
Answer: C

Which of the following is a valid [Link] class for creating a navigation bar?
A. w3-card
B. w3-dropdown
C. w3-bar
D. w3-section
Answer: C

Which of the following is a valid [Link] class for creating a responsive image?
A. w3-container
B. w3-image
C. w3-row
D. w3-panel
Answer: B

Which of the following is a valid [Link] class for creating a table?

A. w3-container
B. w3-table
C. w3-row
D. w3-section
Answer: B

Which of the following is a valid [Link] class for creating a progress bar?
A. w3-panel
B. w3-progress
C. w3-dropdown
D. w3-cell
Answer: B

Which of the following is a valid [Link] class for creating a form?

A. w3-card
B. w3-form
C. w3-section
D. w3-panel
Answer: B

Which of the following is a valid [Link] class for creating a modal dialog box?
A. w3-modal
B. w3-dropdown
C. w3-section
D. w3-container
Answer: A

Which of the following is a valid [Link] class for creating a tooltip?

A. w3-dropdown
B. w3-tooltip
C. w3-row
D. w3-section
Answer: B

Which of the following is a valid [Link] class for creating a list?

A. w3-list
B. w3-cell
C. w3-row
D. w3-container
Answer: A

Which of the following is a valid [Link] class for creating a carousel?

A. w3-carousel
B. w3-dropdown
C. w3-section
D. w3-panel
Answer: A
Which of the following are types of lists supported by [Link]?
A. Unordered lists
B. Ordered lists
C. Definition lists
D. All of the above
Answer: D

What class should be used to create an unordered list with bullets?

A. w3-ul
B. w3-ol
C. w3-list
D. w3-bullet
Answer: A

What class should be used to create an ordered list with numbers?

A. w3-ul
B. w3-ol
C. w3-list
D. w3-bullet
Answer: B
Which of the following classes can be used to style a list item as a link?
A. w3-hover-text-blue
B. w3-text-blue
C. w3-link
D. All of the above
Answer: D

Which of the following classes can be used to align a list horizontally?

A. w3-horizontal
B. w3-align-left
C. w3-center
D. w3-clear
Answer: A

What class should be used to create a nested list?

A. w3-nested-list
B. w3-ul-nested
C. w3-list-nested
D. w3-ul w3-ul-parent
Answer: D

Which of the following classes can be used to create a custom bullet for a list item?
A. w3-bullet
B. w3-circle
C. w3-square
D. All of the above
Answer: D

Which class should be used to create a definition list?

A. w3-ul
B. w3-ol
C. w3-dl
D. w3-list
Answer: C
Which class should be used to create a horizontal definition list?
A. w3-dl-horizontal
B. w3-dl-list
C. w3-dl-inline
D. w3-dl-grid
Answer: A

What class should be used to add a description to a definition list item?

A. w3-dt
B. w3-dd
C. w3-dl-description
D. w3-dl-definition
Answer: B
Which of the following are valid [Link] color classes?
A. w3-blue
B. w3-orange
C. w3-gray
D. All of the above
Answer: D

Which of the following [Link] classes can be used to create a responsive navigation menu?
A. w3-bar
B. w3-dropdown
C. w3-sidebar
D. All of the above
Answer: D

What is the syntax for creating a two-column layout using [Link]?

A. Use the class "w3-row" and divide it into two "w3-col" classes with different widths.
B. Use the class "w3-container" and divide it into two "w3-cell" classes with different widths.
C. Use the class "w3-grid" and divide it into two "w3-cell" classes with different widths.
D. Use the class "w3-row" and divide it into two "w3-cell" classes with different widths.
Answer: A

Which of the following [Link] classes can be used to create a responsive image gallery?
A. w3-display-container
B. w3-image-container
C. w3-gallery
D. w3-container
Answer: C

How can you center a div horizontally using [Link]?

A. Use the class "w3-center"
B. Use the class "w3-margin-auto"
C. Use the class "w3-row"
D. Use the class "w3-container"
Answer: B

Which of the following [Link] classes can be used to create a tooltip?

A. w3-tooltip
B. w3-popup
C. w3-modal
D. w3-dropdown
Answer: A

Which of the following [Link] classes can be used to create a responsive table?
A. w3-table
B. w3-container
C. w3-display-table
D. w3-grid
Answer: A

How can you create a button using [Link]?

A. Use the class "w3-button"
B. Use the class "w3-link"
C. Use the class "w3-text"
D. Use the class "w3-container"
Answer: A

Which of the following [Link] classes can be used to create a progress bar?
A. w3-progress
B. w3-bar
C. w3-container
D. w3-meter
Answer: A

How can you create a modal using [Link]?

A. Use the class "w3-modal"
B. Use the class "w3-dropdown"
C. Use the class "w3-popup"
D. Use the class "w3-tooltip"
Answer: A

[Link] image

Which of the following [Link] classes can be used to create a responsive image?
A. w3-image
B. w3-img
C. w3-picture
D. w3-graphics
Answer: A

How can you make an image round using [Link]?

A. Use the class "w3-round"
B. Use the class "w3-circle"
C. Use the class "w3-image-round"
D. Use the class "w3-image-circle"
Answer: B

Which of the following [Link] classes can be used to create a thumbnail image?
A. w3-thumbnail
B. w3-image-thumbnail
C. w3-img-thumbnail
D. w3-picture-thumbnail
Answer: A

How can you make an image grayscale using [Link]?

A. Use the class "w3-grayscale"
B. Use the class "w3-black-and-white"
C. Use the class "w3-sepia"
D. Use the class "w3-monochrome"
Answer: A

Which of the following [Link] classes can be used to create a slideshow of images?
A. w3-slideshow
B. w3-gallery
C. w3-carousel
D. w3-image-slider
Answer: C
What is the syntax for adding an image to an HTML document using [Link]?
A. <img src="[Link]" class="w3-image">
B. <img class="w3-image" src="[Link]">
C. <div class="w3-image"><img src="[Link]"></div>
D. <img src="[Link]" w3-class="image">
Answer: B

Which of the following [Link] classes can be used to create a responsive image?
A. w3-image
B. w3-picture
C. w3-container
D. w3-img
Answer: A

How can you make an image in [Link] take up 50% of its container's width?
A. Use the class "w3-half-width"
B. Use the class "w3-col-6"
C. Use the CSS property "width: 50%;"
D. Use the class "w3-image-half"
Answer: A

Which of the following [Link] classes can be used to add a border to an image?
A. w3-border
B. w3-image-border
C. w3-img-border
D. w3-picture-border
Answer: A

How can you make an image grayscale using [Link]?

A. Use the class "w3-grayscale"
B. Use the class "w3-image-grayscale"
C. Use the CSS property "filter: grayscale(100%);"
D. Use the class "w3-image-filter-grayscale"
Answer: A

Which of the following [Link] classes can be used to create a circular image?
A. w3-circle
B. w3-image-circle
C. w3-img-circle
D. w3-round-image
Answer: A

How can you create a responsive background image using [Link]?

A. Use the class "w3-background-image"
B. Use the class "w3-image-background"
C. Use the CSS property "background-image: url('[Link]'); background-size: cover;"
D. Use the class "w3-bg-image"
Answer: C

Which of the following [Link] classes can be used to add a shadow to an image?
A. w3-shadow
B. w3-image-shadow
C. w3-img-shadow
D. w3-picture-shadow
Answer: A

How can you make an image spin using [Link]?

A. Use the class "w3-spin"
B. Use the class "w3-image-spin"
C. Use the CSS property "animation: spin 2s linear infinite;"
D. Use the class "w3-animate-spin"
Answer: D
Which of the following [Link] classes can be used to add a zoom effect to an image?
A. w3-zoom
B. w3-image-zoom
C. w3-img-zoom
D. w3-picture-zoom
Answer: A

How can you create a slider gallery using [Link]?

A. Use the class "w3-slider"
B. Use the class "w3-gallery"
C. Use the class "w3-image-slider"
D. Use the class "w3-carousel"
Answer: A

[Link] grid

What is the syntax for creating a grid container in [Link]?

A. <div class="w3-grid-container">
B. <div class="w3-container-grid">
C. <div class="w3-container w3-grid">
D. <div class="w3-grid">
Answer: D

Which of the following [Link] classes can be used to set the number of columns in a grid container?
A. w3-cols
B. w3-grid-cols
C. w3-container-cols
D. w3-grid-columns
Answer: A

How can you set the gap between grid items in [Link]?
A. Use the class "w3-gap"
B. Use the class "w3-item-gap"
C. Use the CSS property "grid-gap: 20px;"
D. Use the class "w3-grid-gap"
Answer: C
Which of the following [Link] classes can be used to create a grid item that spans multiple rows?
A. w3-row-span
B. w3-grid-row-span
C. w3-item-row-span
D. w3-grid-item-row-span
Answer: B

How can you make a grid item take up all available space in its column?
A. Use the class "w3-col"
B. Use the class "w3-grid-col"
C. Use the class "w3-auto-col"
D. Use the class "w3-col-auto"
Answer: A

Which of the following [Link] classes can be used to create a grid item that spans multiple columns?
A. w3-col-span
B. w3-grid-col-span
C. w3-item-col-span
D. w3-grid-item-col-span
Answer: A

How can you create a grid layout with three columns using [Link]?
A. Use the class "w3-cols-3"
B. Use the class "w3-grid-cols-3"
C. Use the CSS property "grid-template-columns: 1fr 1fr 1fr;"
D. Use the class "w3-grid-3cols"
Answer: C

Which of the following [Link] classes can be used to set the alignment of grid items within their
container?
A. w3-align-items
B. w3-grid-align-items
C. w3-item-align-items
D. w3-grid-item-align-items
Answer: A
How can you create a grid layout with a fixed column width of 200px using [Link]?
A. Use the class "w3-cols-200"
B. Use the class "w3-grid-cols-200"
C. Use the CSS property "grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));"
D. Use the class "w3-grid-200cols"
Answer: C

Which of the following [Link] classes can be used to set the justification of grid items within their
container?
A. w3-justify-items
B. w3-grid-justify-items
C. w3-item-justify-items
D. w3-grid-item-justify-items
Answer: A
What is the [Link] class used to create a grid container?
A. w3-container
B. w3-grid
C. w3-row
D. w3-col
Answer: B

What is the default value for the grid-template-columns property in [Link]?

A. 1fr
B. auto
C. 100%
D. 12
Answer: B

How do you create a grid with 4 columns in [Link]?

A. Use the w3-col-4 class on each grid item
B. Use the grid-template-columns property with four values separated by spaces
C. Use the w3-grid-4 class on the container
D. Use the w3-row-4 class on each row
Answer: B

How do you specify the number of rows in a grid using [Link]?

A. Use the grid-template-rows property
B. Use the w3-rows class on the container
C. Use the w3-col-row class on each column
D. Use the w3-grid-rows class on the container
Answer: A

How do you specify the gap between grid items in [Link]?

A. Use the grid-gap property
B. Use the w3-gap class on each item
C. Use the w3-grid-gap class on the container
D. Use the w3-row-gap class on each row
Answer: A

How do you center a grid horizontally in [Link]?

A. Use the w3-center class on the container
B. Use the justify-content property with the value center on the container
C. Use the w3-horizontal-center class on each item
D. Use the align-items property with the value center on the container
Answer: B

How do you center a grid vertically in [Link]?

A. Use the w3-center class on the container
B. Use the align-items property with the value center on the container
C. Use the w3-vertical-center class on each item
D. Use the justify-content property with the value center on the container
Answer: B

How do you make a grid item span multiple columns in [Link]?

A. Use the w3-col-span class on the item
B. Use the grid-column property with the span keyword
C. Use the w3-row-span class on the item
D. Use the grid-row property with the span keyword
Answer: B

How do you make a grid item span multiple rows in [Link]?

A. Use the w3-row-span class on the item
B. Use the grid-row property with the span keyword
C. Use the w3-col-span class on the item
D. Use the grid-column property with the span keyword
Answer: B

How do you align a grid item to the right in [Link]?

A. Use the w3-right class on the item
B. Use the justify-self property with the value end on the item
C. Use the w3-align-right class on the item
D. Use the align-self property with the value end on the item
Answer: B

How do you align a grid item to the bottom in [Link]?

A. Use the w3-bottom class on the item
B. Use the align-self property with the value end on the item
C. Use the w3-align-bottom class on the item
D. Use the justify-self property with the value end on the item
Answer: B