일반 규칙
CSS는 들여쓰기를 하지 않으며 영문 소문자만을 사용합니다.
'_'(언더바)를 사용해 두 개의 단어를 연결한다.
빈줄은 1줄만 넣는다.
작성 순서
레이아웃, 공통, 콘텐츠, 기타 영역 순으로 작성한다.
공통은 수정을 금지한다.
/* 레이아웃
-------------------------------------------------------------*/
..
/* 공통
-------------------------------------------------------------*/
..
/* 1뎁스 메뉴
-------------------------------------------------------------*/
/* 1뎁스 하위 메뉴 */
Less/Sass 사용시
클래스 모듈화, 중복제거에 최우선을 둔다.
'-'(하이픈)을 사용해 두 개의 단어를 연결한다.
속성 앞 한글자를 따와서 이름을 만든다.
.btr { border-top:red;}
.fl { float:left;}
.fr { float:right;}
.b1sg { border:1px solid gray;}
.history-btr {
.btr();
.fl {
.fl();
}
.fr-b1sg {
.fr();
.b1sg();
}
}