What are the commonly used css styles?

Commonly used CSS styles include the following categories: Appearance style: color, background, font, text alignment, border, rounded corners Layout style: position, float, clear float, display, flexible layout Interaction style: pointer, Transition, animation, user selection Responsive styles: media queries, responsive units, grid system Other common styles: positioning, box shadow, text overflow, text decoration, column width, page break

Commonly used CSS styles

Appearance style

• ##Color: color
• Background: background-color, background-image
• Font: font-family, font-size, font-weight
• Text alignment: text-align
• Border: border-style, border-width, border-color
• Rounded corners: border -radius

##Layout style

Position:
• position, top, left, right, bottom
Float:
• float
Clear float:
• clear
Display:
• display, visibility
Flexible layout:
• flexbox, grid

Interactive style

##Pointer:

cursor
• Transition:
transition
• Animation:
animation
• User-select:
user-select
Responsive style

Media query:

@media
• Responsive unit:
vw, vh, em
• Grid system:
grid-template-columns, grid-template-rows
Other commonly used styles

Positioning:

z-index
• Box-shadow:
box-shadow
• Text overflow:
text-overflow
• Text decoration:
text-decoration
• Column width:
column-width
• Page Break:
page-break

The above is the detailed content of What are the commonly used css styles?. For more information, please follow other related articles on the PHP Chinese website!