> For the complete documentation index, see [llms.txt](https://docs.acho.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.acho.io/app-builder/app-construction/elements/css-styles.md).

# CSS Styles

Acho app builder's elements follow CSS style. Wich CSS knowledge, you can arrange elements freely and customize their size, margin, color to fit your desired design style.

Detailed descriptions of each element's style are presented as follows:

{% content-ref url="/pages/7SN7u2KMlOnslse6E1VC" %}
[General techniques](/app-builder/app-construction/elements/css-styles/general-techniques.md)
{% endcontent-ref %}

{% content-ref url="/pages/kW7qH1ZpoTrcay0J46nT" %}
[Layout](/app-builder/app-construction/elements/css-styles/layout.md)
{% endcontent-ref %}

{% content-ref url="/pages/FPgfdzZIUGwajl4tuChD" %}
[Spacing](/app-builder/app-construction/elements/css-styles/spacing.md)
{% endcontent-ref %}

{% content-ref url="/pages/CW8n1RyR99tSJUgn20jM" %}
[Size](/app-builder/app-construction/elements/css-styles/size.md)
{% endcontent-ref %}

{% content-ref url="/pages/0ix9EC6kxK5wRyv1thyz" %}
[Position](/app-builder/app-construction/elements/css-styles/position.md)
{% endcontent-ref %}

{% content-ref url="/pages/SIeNcndg1Oz7poFSfBzo" %}
[Typography](/app-builder/app-construction/elements/css-styles/typography.md)
{% endcontent-ref %}

{% content-ref url="/pages/RvS4ZhjkACUN5zzappEj" %}
[Background](/app-builder/app-construction/elements/css-styles/background.md)
{% endcontent-ref %}

{% content-ref url="/pages/hBiXwAYMKbSJjq3U6SP5" %}
[Border](/app-builder/app-construction/elements/css-styles/border.md)
{% endcontent-ref %}

{% content-ref url="/pages/Yyk7a8xF3wsihAJnYpgY" %}
[Effect](/app-builder/app-construction/elements/css-styles/effect.md)
{% endcontent-ref %}