Inline styles vs. style sheets

UI 툴킷 내 요소의 스타일 정보는 다음 3곳에서 나올 수 있습니다.

• C# inline style properties set directly in C# scripts. These properties override any properties from another source that have the same name.
• UXML inline style properties on the element itself, stored directly inside UXML, using the special style attribute. These properties override any same property coming from style sheets.
• StyleSheet style properties coming from a StyleSheet (.uss) asset and applied to an element because the element matches a USS Selector (which is like a search query).

스타일 시트는 CSS와 비슷하게 UI 요소, UI 패널 및 스크린 간 스타일 공유를 허용합니다. 또한 테마처럼 한 곳에서 애플리케이션 전체의 빠른 리팩터링 및 스타일 변경도 허용합니다. 개별 요소에 스타일을 적용하지 말고 가능한 한 스타일 시트의 스타일을 유지하는 것이 좋습니다.

UI 빌더에서 우선 요소를 만들고 인라인 스타일을 사용해보면서 요소 수가 아직 작을 때 실험해볼 수 있습니다. 더욱 복잡한 UI를 빌드할수록 스타일 시트를 사용하여 스타일을 관리하면 간편합니다. 인스펙터의 StyleSheet 섹션에 있는 Extract Inline Styles to New Class를 사용하여 요소의 인라인 스타일을 StyleSheet로 추출할 수 있습니다.

또한 스타일 시트에는 다음과 같이 인라인 스타일과 사용할 수 없는 기능이 있습니다.

• Pseudo states like :hover, which will apply some style properties to an element when you hover over it with the mouse.
• Styling of elements inside a read-only hierarchy inside a Template Instance (instance of another UI Document (UXML)) or custom C# element that creates an internal hierarchy. You can style elements with style sheets using hierarchical USS Selectors, like the following:

   .parentElement > .childElement

스타일 시트에 관하여 자세히 알아보려면 Unity 스타일 시트를 참조하십시오.