위로
열기
로고
마크업가이드

공유문서 가이드

  • HTML 가이드

인크루트CSS사용정책 및 내용

  1. 인크루트CSS기본정책
    - 업데이트하고자 할 때에는 최신의 것을 다운받아서 수정 후 업데이트한다.
    - 업데이트시 날짜를 넣어 백업해둔다. (예:default.css--> 20091116_default.css)
    - css를 변경, 혹은 추가 할 때는 UXD의 허락을 득하고, 내용을 통보한다.
    - css추가시 주석을 달아준다. /*빨간색볼드 (2004-07-23 오전) */
  1. 인크루트 서비스 CSS 적용규칙
    - 공통css : common.css
    - 메인페이지 : www 폴더안에 default.css 불러온다
    - 서브페이지 : 각 서비스별 카테고리마다 불러오는 default.css 불러온다
    - CSS특이성 : 전반적인 css를 한줄형태로 가져가고, 특정 css만 줄을 분류하는 스타일을 취한다. 각 영역별 구분으로 css그룹핑 및 주석을 달아 놓는다.
    - 이벤트 : 각 페이지에 기본 css를 불러 - 채용대행 : 모듈화되어 있는 채용대행용 css를 불러오고, 필요 style은 페이지에 삽입한다.
    - 메일 : 메일은 자체내에 css를 독립적으로 만들어서 간다. (css가 별도로 존재하지 않는다.)

인크루트 코딩규칙

  1. - table안의 table은 3개 이하로 한다. (table을 남발하지 않도록 한다.)
    - table안의 table의 규격은 100%로 하고,class 를 불러서 여백을 조절하거나 margin값으로 조절한다.
    - table의 tr 또는 td의 size는 px로 고정한다. ( %는 table size를 조절할때만 사용 )
    - 줄라인 맞추기 ( table, tr, td ), tab은 4로 사용
    - 되도록이면, table의 개수를 최대한 줄이고,table,tr,td로 여백을 만들지 않도록 한다. (table 에 margin 값이나 td 에 padding값을 스타일로 사용하여 여백을 만들도록 한다.)
    - style을 정해진 것 외에 사용하지 않는다.
    - 단락이 바뀔 경우 주석을 달아준다.
    - 이미지 사이즈는 빼지 않는다.
    - 이미지 안에 alt 값을 지정해준다. (예: alt="확인")
    - 이미지 링크시에는 border=0 를 지정해준다.
    - & nbsp ; 를 사용하지 말고, padding을 사용하도록 한다.
    - 작업완료시 http://validator.kldp.org/ 에서 검사를 한다.
    - 작업이 완료된 후에는 파이어폭스, IE6.0, IE7.0, IE9.0, 크롬 으로 확인하고 코딩에 오류가 나지 않으면 개발쪽에 넘긴다.

Copyright ⓒ 2010 Incruit UXD. All Rights Reserved.