Q1. Which is the correct CDN for W3.CSS?
A. https://www.w3schools.com/w3css/4/w3.css
B. https://www.w3school.com/w3css/4/w3.css
C. https://www.w3.org./w3css/4/w3.css
D. https://www.w3schools.org/w3css/4/w3.css
Q2. W3-half class is used for:
A. 1/3rd of the window
B. 1/4th of the window
C. 1/2 of the window
D. None of the above
Q3. w3-bottombar is used for:
A. Hoverable border color at bottom
B. Thick bottom border
C. Border bottom in specified color
D. None of the above
Q4. Which specifies a padding-less container?
A. W3-row
B. W3-quarter
C. W3-row-padding
D. None of the above
Q5. Which classes are used to add borders to an HTML element?
A. w3 table border
B. w3 border
C. Both of the above
D. None of these
Q6. Which class adds a grey background on mouse-over?
A. w3-grey-hover
B. w3-hoverable
C. w3-grey-mouse hover
D. None of these
Q7. Which class shapes an image into a circle?
A. w3-circle
B. w3-image-circle
C. w3-circle-image
D. None of the above
Q8. w3-wide is used for:
A. Text width
B. Wider text
C. Text-weight
D. None of the above
Q9. w3-right is used for:
A. Floats element to right
B. Top right align
C. Left align
D. None of the above
Q10. Which class sets container to 1/4th of window on large screens?
A. w3-quarter
B. w3-third
C. w3-half
D. None of the above
Q11. Which class is used to create a responsive grid layout?
A. w3-grid
B. w3-row-padding
C. w3-responsive
D. w3-layout
Q12. Which class adds padding between columns?
A. w3-padding
B. w3-row-padding
C. w3-col-padding
D. w3-margin
Q13. Which class makes an element float to the left?
A. w3-left
B. w3-float-left
C. w3-align-left
D. w3-left-align
Q14. Which class is used to center-align text?
A. w3-center
B. w3-align-center
C. w3-text-center
D. w3-middle
Q15. Which class adds a shadow to an element?
A. w3-shadow
B. w3-box-shadow
C. w3-hover-shadow
D. w3-shadow-box
Q16. Which class is used to make an element full width?
A. w3-full-width
B. w3-wide
C. w3-block
D. w3-col s12
Q17. Which class is used to add a border around an element?
A. w3-border
B. w3-outline
C. w3-box
D. w3-frame
Q18. Which class is used to create a card layout?
A. w3-card
B. w3-box
C. w3-panel
D. w3-container-card
Q19. Which class adds a hover effect to a card?
A. w3-hover-shadow
B. w3-card-hover
C. w3-hover-box
D. w3-shadow-hover
Q20. Which class is used to hide an element?
A. w3-hide
B. w3-invisible
C. w3-none
D. w3-display-none
Q21. Which class is used to make an element visible only on small screens?
A. w3-show-small
B. w3-hide-medium
C. w3-hide-large
D. w3-show-block
Q22. Which class is used to create a container with padding?
A. w3-container
B. w3-box
C. w3-padding-box
D. w3-panel
Q23. Which class is used to display an element as a block?
A. w3-block
B. w3-display-block
C. w3-show
D. w3-visible
Q24. Which class is used to add margin around an element?
A. w3-padding
B. w3-margin
C. w3-space
D. w3-gap
Q25. Which class is used to create a responsive image?
A. w3-image
B. w3-responsive
C. w3-img-fluid
D. w3-img-responsive
Q26. Which class is used to align text to the right?
A. w3-right-align
B. w3-text-right
C. w3-right
D. w3-align-right
Q27. Which class is used to add a top margin?
A. w3-margin-top
B. w3-top-margin
C. w3-padding-top
D. w3-top-space
Q28. Which class is used to add a bottom margin?
A. w3-margin-bottom
B. w3-bottom-margin
C. w3-padding-bottom
D. w3-bottom-space
Q29. Which class is used to make an element take full width?
A. w3-full
B. w3-wide
C. w3-block
D. w3-col s12
Q30. Which class is used to make an element invisible?
A. w3-hide
B. w3-none
C. w3-invisible
D. w3-display-none
Q31. Which class is used to create a modal dialog?
A. w3-modal
B. w3-dialog
C. w3-popup
D. w3-window
Q32. Which class is used to create a navigation bar?
A. w3-navbar
B. w3-bar
C. w3-menu
D. w3-nav
Q33. Which class is used to create a dropdown menu?
A. w3-dropdown
B. w3-menu
C. w3-dropdown-content
D. w3-dropdown-hover
Q34. Which class is used to create a tooltip?
A. w3-tooltip
B. w3-hover-text
C. w3-info
D. w3-hover-tip
Q35. Which class is used to create a tabbed interface?
A. w3-tabs
B. w3-tabbed
C. w3-bar-tab
D. w3-tab
Q36. Which class is used to create a sidebar?
A. w3-sidebar
B. w3-side
C. w3-panel-left
D. w3-leftbar
Q37. Which class is used to create a responsive table?
A. w3-table-responsive
B. w3-table-all
C. w3-responsive-table
D. w3-table-grid
Q38. Which class is used to create a progress bar?
A. w3-progress
B. w3-bar-progress
C. w3-progressbar
D. w3-bar
Q39. Which class is used to create a badge?
A. w3-badge
B. w3-label
C. w3-tag
D. w3-mark
Q40. Which class is used to create a responsive layout?
A. w3-responsive
B. w3-layout
C. w3-grid
D. w3-container-fluid
Q41. Which class is used to create a collapsible sidebar?
A. w3-collapse
B. w3-sidebar-collapse
C. w3-hide-sidebar
D. w3-sidebar
Q42. Which class is used to add animation to an element?
A. w3-animate
B. w3-animate-top
C. w3-motion
D. w3-fade
Q43. Which class is used to add a top navigation bar?
A. w3-topnav
B. w3-bar-top
C. w3-top
D. w3-navbar-top
Q44. Which class is used to create a responsive grid column?
A. w3-col
B. w3-grid-col
C. w3-column
D. w3-col-responsive
Q45. Which class is used to create a hover effect on rows?
A. w3-hover-row
B. w3-hoverable
C. w3-hover-table
D. w3-hover-grid
Q46. Which class is used to create a fixed top bar?
A. w3-fixed-top
B. w3-top-fixed
C. w3-topbar
D. w3-top
Q47. Which class is used to create a panel with padding and border?
A. w3-panel
B. w3-container
C. w3-box
D. w3-frame
Q48. Which class is used to create a tag-like label?
A. w3-label
B. w3-tag
C. w3-badge
D. w3-mark
Q49. Which class is used to create a container with no padding?
A. w3-row
B. w3-container-nopad
C. w3-row-nopadding
D. w3-container-flat
Q50. Which class is used to create a responsive layout with equal columns?
A. w3-equal-col
B. w3-row-padding
C. w3-col s4
D. w3-grid-equal