Mozilla 한국 커뮤니티

예전부터 html/css 파일을 만들 때 고민했던 것입니다만..
다른 분들은 어떤 규칙을 세워놓고 있는지 궁금합니다.

좀 강박관념이 생긴달까.. 그냥 보통은 잊고 만드는데, 가끔 이런 순서 같은 게 중요하다고 생각될 때가 있습니다. 가령...

<input type='text' name='_foo' id='_foo' value=' bar ' />

이런 input 요소가 있을 때, 속성들의 배열 순서에 곤혹스러워질 때가 있습니다.
css 에도 마찬가지 문제가 있어서..,

foo
{
border: 1px solid black;
background: white;
color: black;
...
}

이런 속성들을 가끔 분주히 순서 바꾸느라 시간을 보내기도 합니다. 순서에 대한 규칙이 명확하면 읽을 때 좀 더 잘 눈에 들어올거라는 생각이죠.

그러나 이러한 속성들의 순서가 항상 지켜지기는 어렵습니다. 또 알파벳 순서에 따르느냐, 관련 속성끼리 묶느냐 같은 것도 상황에 따라 달라질 때가 있더군요. 결국 그 때 그 때 다른데.. 다른 분들은 어떤 규칙을 세워놓고 코딩 하시는지?

외국 사람들 순서 맞추는 것에 대한 글을 보긴 했지만 무시하고 그냥 씁니다.

순서보다는 코드 스타일이 가독성에 더 영향을 미친다고 생각하고 있어서...
코드 스타일은 최대한 표준문서의 예시를 따르고 있습니다. id 나 class 지정할때도 dash 로 구분하는 방법을 쓰고 있습니다.

저는 각자의 스타일로 해도 무난하다고 생각합니다.
자기 스타일도 없이 하는건... 설마 없겠죠? ^^;

저는 크기와 관련된 속성을 앞쪽으로 배경과 색상등 꾸미는 것들은 뒤쪽으로 배치합니다.
id와 클래스는 헤드-이름 이런식으로 작성하며 헤드 작성을 중요시 합니다.

btn-ok, btn-del 이런식으로요.