이 섹션에서는 요소에 적용할 수 있는 다양한 스타일 속성에 대해 다룹니다. 이는 색상, 테두리, 그림자 및 글꼴과 같은 것들을 포함합니다.
What is styling
페이지에 추가하는 각 요소에는 기본 스타일이 적용됩니다. 간단히 말해 스타일링은 요소가 어떻게 보이는지를 나타냅니다. 이는 다음과 같은 스타일링 설정을 변경하여 수행됩니다.
•
배경색 또는 이미지
•
테두리
•
그림자
•
글꼴
•
전환
위의 설정은 동일한 작업을 수행하는 두 요소에 대해 매우 다른 모양을 열어줍니다.
이 두 입력 요소는 동일한 목적을 제공하지만 스타일은 다릅니다. 아래쪽 요소는 페이지 위에 떠 있는 것처럼 보이며, 이는 특정 요소에 주목을 끌기 위해 종종 사용되는 효과입니다.
각 요소는 개별적으로 스타일을 적용할 수 있으며, Bubble은 한 곳에서 관리할 수 있는 스타일 시트를 설정하는 도구도 제공합니다.
Managing styles
Bubble에는 앱 요소의 스타일을 효율적으로 관리하고 업데이트하는 여러 도구가 있습니다. 이러한 도구는 세 가지 다른 섹션으로 나뉩니다.
Color variables: save colors and apply them to elements and styles
Font variables: save fonts and apply them to elements and styles
Styles: save and manage style properties that can be applied to elements
Related topics
App Visual settings: favicon, colors and console settings
