首頁  >  文章  >  web前端  >  常用的css樣式有哪些

常用的css樣式有哪些

下次还敢
下次还敢原創
2024-04-25 17:51:13696瀏覽

常用的CSS 樣式有以下幾類:外觀樣式:顏色、背景、字體、文字對齊、邊框、圓角佈局樣式:位置、浮動、清除浮動、顯示、彈性佈局互動樣式:指針、過渡、動畫、使用者選擇響應式樣式:媒體查詢、響應式單位、網格系統其他常用樣式:定位、盒子陰影、文字溢出、文字裝飾、列寬、頁面斷開

常用的css樣式有哪些

#常用的CSS 樣式

外觀樣式

  • 顏色: color
  • 背景: background-color, background-image
  • 字體: font-family, font-size, font-weight
  • #文字對齊: text-align
  • 邊框: border-style, border-width, border-color
  • 圓角: border -radius

佈局樣式

  • 位置: position, top, left, right, bottom
  • ##浮動: float
  • 清除浮動: clear
  • 顯示: display, visibility
  • #彈性佈局: flexbox, grid

互動式樣式

  • cursor
  • 過渡:
  • transition
  • 動畫:
  • animation
  • 使用者選擇:
  • user-select

#響應式樣式

  • 媒體查詢:
  • @media
  • 響應式單位:
  • vw, vh, em
  • 網格系統:
  • grid-template-columns, grid-template-rows

##其他常用樣式

  • #定位: z-index
  • 盒子陰影: box-shadow
  • ##文字溢位: text-overflow
  • 文字裝飾: text-decoration
  • #列寬: column-width
  • #頁面斷開: page-break
  • #

以上是常用的css樣式有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn