CSS 기초

CSS (Cascading Style Sheet) Syntax

/* h1 selector(선택자) */
h1 {
    /* declaration(선언문) */
    /* property(속성): value(값) */
    color: lime;

    /* declaration(선언문) */
    /* property(속성): value(값) */
    font-size: 14px;
}

CSS 코드 작성 규칙 (Coding convension)

참조: nhn 코딩 컨벤션 가이드

1) 모바일에서 CSS는 사용 가능한 Hack과 CSS3 속성을 제외하고 W3C Validation을 통과해야 한다.
2) 모든 속성은 영문 소문자로만 사용한다 3) 따옴표 사용 범위

  • 공백이 포함된 한글 폰트명이나, 문자열 데이터 타입, filer 속성의 파라미터 값은 '작은따옴표' 로 감싼다. font-family: 'consolas';
  • charset 선언시 "쌍따옴표"사용. @charset "utf8"
  • url 데이터는 '따옴표' 사용하지 않음 background: url(images/sample.png) no-repeat
  • 마지막 속성의 세미콜른; 은 삭제한다
/* 코드 컨벤션 */
input[type='text'] { /* 작은 따옴표 */
    /* 레이아웃에 영향 미치는 속성 우선 선언 */
    z-index: 1;
    position: absolute;
    float: left;
    padding: 0;
    margin: 0;

    /* 색상 & 스타일링 관련 속성은 뒤로... */
    font-size: 12px;
    appearance: none;
    background: none /* 마지막 세미콜른 삭제 */
}

results for ""

    No results matching ""