Small
XSmall
Large
XLarge
w3-hover-color
w3.hover-color
w3:hover-color
w3-hovreable-color
w3-auto-img
w3-responsive
w3-scale
w3-image
any HTML element
Heading only
Paragraph element only
table element only
django
rails
Laravel
bootstrap
Serif
Sans-serif
Monospace
Handwritten
w3-round corner
w3-rounded
w3-round
None of these
Times New Roman
Arial
Verdana
None of the above
w3-corner
w3-border-radius
w3-ol
w3-border
3-center
all of the above
w3-border-none
w3-border-0
w3-border-remove
w3-no-border
w3-panel class is perfect for displaying notes.
w3-panel class is perfect for displaying quotes.
w3-panel class is perfect for displaying alerts
all statements are correct.
w3.border
w3.-border
10
11
12
13
w3-bg-green
w3-green-bg
w3-green
w3-bgcolor-green
Primer
Puma
Bulma
Materialize
Adds animation
Adds padding automatically
Makes div inline
Adds margin only
w3-gray
w3-grayscale
w3-image-gray
w3-filter-gray
provide 16px top and bottom margin and 16px left and right padding
provide 16px top and bottom margin and 16px left and right margin
provide 16px top and bottom padding and 16px left and right margin
provide 16px top and bottom padding and 16px left and right padding
w3-text-justify
w3-align-justify
3-justify
w3-text-full
w3-left-align
w3-right-align
w3-center
w3.center-align
w3-italic
w3-font-italic
w3-style-italic
w3-i
w3-border-all
w3-bordered
w3-frame
w3-circle
w3-image-round
8
14
16
Desktop
Laptop
Tablet And Mobile
All of The Above
Panel adds margins, container adds padding
Panel supports padding, container doesn't
Container supports borders, panel doesn't
No difference
W3.css
Bootstrap
Flex
horizontal navigation bar
inside the navigation bar
force the navigation bar
navigation bar to stay at the top of the page
w3-left-border
w3-leftbar
w3-bar-left
w3-panel-left
w3-middle
w3-align-center
w3-text-center
It depends on jQuery for its functionality
It provides extensive JavaScript features by default
It is lightweight, responsive, and does not require external dependencies.
It is designed specifically for Angular and React projects.
https://www.w3schools.com/w3css/4/w3.css
https://www.w3school.com/w3css/4/w3.css
https://www.w3.org./w3css/4/w3.css
https://www.w3schools.org/w3css/4/w3.css
16px, 16px, 16px, 16px
16px, 20px, 14px, 14px
16px, 16px, 14px, 14px
14px, 14px, 16px, 16px
w3-right
w3-float-right
w3-align-right
w3-pull-right
w3-border-top
3-border-right
w3-border-bottom
w3-border-gutter
w3-table-striped
w3-zebra
w3-striped
w3-zebra-striped
w3-oval
displays content inside a circle
displays content in the center
Both a and b
W3-responsive class creates a responsive table
It scroll horizontally on small screens
w3-table class a responsive table
on large screens, there is no difference
Segoe UI is the default font for headings
Segoe UI has a more narrow letter spacing
Headings allow a lesser number of letters in the headings
Smallest heading tag is <h6>
w3-jumbo
w3-xxxlarge
w3-xxlarge
w3-xlarge
w3-border-right
w3-centered
w3-table
w3-margin-0
w3-no-margin
w3-margin-none
w3-margin-remove
16px left only
32px left and right
16px left and right
32px right only
Use w3-row for rows and w3-cell for columns.
Use w3-grid for rows and w3-column for columns.
Use w3-row-padding for rows and w3-col for columns.
Use w3-grid for rows and w3-cell-padding for columns.
w3-stripe
RGB
HЕX
Material Design colors
CMYK