Home > Web Front-end > CSS Tutorial > What are the commonly used css styles?

What are the commonly used css styles?

下次还敢
Release: 2024-04-25 17:51:13
Original
723 people have browsed it

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

What are the commonly used css styles?

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!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template