CSS

层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的语言。CSS 使我们可以将 UI 中的显示信息隔离出来，存放在用 CSS 语言写的文件中，从而简化 UI 的代码，使其只包含结构和内容的描述代码。

出于开发成本的考虑，LCUI 内置的 CSS 解析器仅支持一些常用的 CSS 特性，你可以从以下列表来了解 CSS 特性支持情况，已勾选的是表示已支持（至少支持基本功能），未列出的属性则默认不支持。

• at rules
  • @font-face
  • @keyframes
  • @media
• keywords
  • !important
• selectors
  • *
  • type
  • #id
  • .class
  • :hover
  • :focus
  • :active
  • :first-child
  • :last-child
  • [attr="value"]
  • :not()
  • :nth-child()
  • parent > child
  • a ~ b
  • ::after
  • ::before
  • ...
• units
  • px
  • dp
  • sp
  • pt
  • %
  • rem
  • vh
  • vw
• properties
  • top, right, bottom, left
  • width, height
  • visibility
  • display
    • none
    • inline-block
    • block
    • flex
    • inline-flex
    • inline
    • grid
    • table
    • table-cell
    • table-row
    • table-column
    • ...
  • position
    • static
    • relative
    • absolute
    • fixed
  • box-sizing
    • border-box
    • content-box
  • border
  • border-radius
  • background-color
  • background-image
  • background-position
  • background-cover
  • background
  • pointer-events
  • font-face
  • font-family
  • font-size
  • font-style
  • flex
  • flex-shrink
  • flex-grow
  • flex-basis
  • flex-wrap
  • flex-direction
  • justify-content
    • flex-start
    • center
    • flex-end
  • align-items
    • flex-start
    • center
    • flex-end
    • stretch
  • float
  • transition
  • transform
  • ...