지금 1주차 과제로 자기소개 웹페이지를 만들고 있다. HTML로 구조를 만들고 CSS로 작업을 하던 중 갑자기 CSS에는 순서가 필요없이 생각나는데로 작성하면 되는건가? 라는 의문이 들었다.
나는 내 나름의 규칙을 가지고 아래와 같이 CSS를 작성한다.
| 순서 | 항목 | 속성 |
|---|---|---|
| 1 | 크기,여백 | width, height, margin, padding |
| 2 | 색상 | background-color |
| 3 | 글씨 | font 관련, font 꾸미기 관련 |
| 4 | 정렬 | display, position |
가독성을 위해서 규칙을 갖는것이 좋다고 생각하는데, CSS를 배울 때 따로 순서에 대해 들어본게 없어서 회사마다 다른것인지 아니면 정말 규칙이 있는것인지 알아보았다.
찾아보니 공식적이라고 하긴 애매하고 Mozilla에서 아래와 같이 작성하는 것을 제안했다.
| 순서 | 속성 |
|---|---|
| 1 | display |
| 2 | list-style |
| 3 | position |
| 4 | float |
| 5 | clear |
| 6 | width, height |
| 7 | padding, margin |
| 8 | border, background |
| 9 | color, font |
| 10 | text-decoration |
| 11 | text-align, vertical-align |
| 12 | white-space |
| 13 | other text |
| 14 | content |
이 외에도, 회사별로 각자 규격이 있어 일단 지금은 Mozilla사의 규칙을 참고하여 css를 작성해 봐야겠다.
