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

  • ...