<p>Css를 작성할때,</p>
<p>position, width, height,background,overflow</p>
<p>등 보기편하게 or 정해진 작성하는 순서가 혹시 있을까요?</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 16px; line-height: 22px; white-space: pre;">
<div><span style="color: #d7ba7d;">.stage</span>{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">position</span>:<span style="color: #ce9178;">relative</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">width</span>:<span style="color: #b5cea8;">100vw</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">height</span>:<span style="color: #b5cea8;">75vw</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">background</span>:<span style="color: #ce9178;">#ddd</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">overflow</span>:<span style="color: #ce9178;">hidden</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div>
</div>
<p></p>

<p>정해진게 있는 것은 아니라서 편한대로 하시면 되는데요,<br />저는 보통 display와 자체 형태를 먼저 정하고 그 다음 여백, 그리고 장식적인 요소 순으로 합니다.<br />display<br />overflow<br />position<br />width/height<br />margin/padding<br />font<br />border<br />background<br />이런 식으로요~<br />딱 이게 좋다-라는건 없으니, 어떤 순서든 일정 기준을 어느정도 염두에 두고 하시면 좋을 것 같습니다.</p>

인프런 커뮤니티 질문&답변

Css작성순서에 대해