상세 컨텐츠

본문 제목

CSS 작성규칙

Digital News/Smartwork and OA

by 김현욱 a.k.a. 마루 2006. 9. 21. 12:21

본문

CSS 작성 규칙

  • <STYLE class="css/text">....</STYLE> 사이에 내용을 명시.
  • Style 명령은 { .... }로 묶여야 한다(복수의 빈칸은 구별 하지 않는다).
  • 지정 변수와 변수(수치) 사이는 콜론(:)으로 구분 한다.
  • 여러 변수를 지정 할 때는 쎄미콜론(;)으로 구분 한다. 마지막 라인도 해 두는 것이 안전.
  • Style 명령은 대소 문자를 구별하지 않음
  • 동시지정
    Grouping: 복수의 엘레멘트를 한번에 같은 스타일로 지정 할 수 있다.
    H1, H2, H3, H5 {color: blue;} /* 해당 헤딩을 모두 청색으로 지정.*/

    참고사항(Comments)
    /* 참고사항으로 수행하지 않음 */

    중요표시
    important: 중요하다는 표시로 어떤 경우에나 이것이 우선 적용 된다.
    H1 {color: blue ! important;}

    표시(display)
    CSS1 규격
    / 표시(display) 설명
    값은 block, inline, list-item, none

    • block : 앞뒤의 요소 Element에 대해 줄나누기를 한다.
      div, table, h1, ...
    • inline : 앞뒤의 요소 Element에 대해 줄나누기를 하지 않는다.
      span, img, ...
    • list-item: block과 동일한 기능에 목록 표시가 추가된다.
      dt, ol, ul, ...
    • none : 감춘다.
      .hide {display: none;}

    관련글 더보기

    댓글 영역