CSS 기본규칙

일반 규칙

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();
    }
}