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!