[=] css2 규격

완전 목록

• 1 CSS2 규격에 대하여
  • 1.1 이 규격 읽기
  • 1.2 이 규격의 구성
  • 1.3 이 문서에서의 약정
    • 1.3.1 문서언어 엘레멘트와 애트리뷰트(attribute)
    • 1.3.2 CSS 속성 정의
      • 값
      • 최초(initial)
      • 적용
      • 전달(inherit)된
      • 백분율 값
      • 메디아 구룹
    • 1.3.3 약식속성
    • 1.3.4 주석과 예제
    • 1.3.5 이미지와 긴 설명
  • 1.4 문서 구성 인사
  • 1.5 저작권 경고
• 2 CSS2 규격의 소개
  • 2.1 HTML을 위한 간단한 CSS2 안내서
  • 2.2 XML을 위한 간단한 CSS2 안내서
  • 2.3 CSS2 처리 모델
    • 2.3.1 창(canvas)
    • 2.3.2 CSS2 참조(addressing) 모델
  • 2.4 CSS 설계 원칙
• 3 부합성: 필요사항과 추천사항
  • 3.1 정의
  • 3.2 부합성
  • 3.3 오류 조건
  • 3.4 컨텐트 타입 text/css
• 4 CSS2 문법과 기본 데이터 타입
  • 4.1 문법
    • 4.1.1 토큰화
    • 4.1.2 키워드(keyword)
    • 4.1.3 글자들과 대소문자
    • 4.1.4 문장(statement)
    • 4.1.5 At-rule(명령)들
    • 4.1.6 블럭(block)
    • 4.1.7 명령 세트(rule set), 선언 블럭(block)과 선택자(selector)
    • 4.1.8 선언들과 속성
    • 4.1.9 주석(comment)
  • 4.2 해석(parsing) 오류 처리 규칙
  • 4.3 값
    • 4.3.1 정수들과 실수
    • 4.3.2 길이(length)
    • 4.3.3 백분율
    • 4.3.4 URL + URN = URI
    • 4.3.5 카운터(counter)
    • 4.3.6 색상
    • 4.3.7 각도(angle)
    • 4.3.8 시간(time)
    • 4.3.9 주파수(frequency)
    • 4.3.10 문자열
  • 4.4 CSS 문서의 대표(representation)
    • 4.4.1 글자 엔코딩에 없는 글자들 참조
• 5 선택자(selector)
  • 5.1 일치 패턴(pattern matching)
  • 5.2 선택자(selector) 문법
    • 5.2.1 구룹 짓기(grouping)
  • 5.3 공통 선택자
  • 5.4 타입(type) 선택자
  • 5.5 하위(descendant) 선택자
  • 5.6 자식(child) 선택자
  • 5.7 인접(adjacent) 형제(sibling) 선택자
  • 5.8 애트리뷰트(attribute) 선택자
    • 5.8.1 일치(matching) 애트리뷰트와 애트리뷰트 값
    • 5.8.2 DTD에서 디폴트(default) 애트리뷰트 값
    • 5.8.3 클라스(class) 선택자
  • 5.9 아이디(ID) 선택자(selector)
  • 5.10 가상 엘레멘트와 가상클라스
  • 5.11 가상클라스(pseudo-class)
    • 5.11.1 :first-child 가상클라스
    • 5.11.2 가상클라스들의 연결: :link, :visited
    • 5.11.3 다이니믹(dynamic) 가상클라스: :hover, :active, :focus
    • 5.11.4 언어 가상클라스: :lang
  • 5.12 가상 엘레멘트(pseudo-element)
    • 5.12.1 :first-line 가상 엘레멘트
    • 5.12.2 :first-letter 가상 엘레멘트
    • 5.12.3 :before. :after 가상 엘레멘트
• 6 속성값 지정, 카스테이딩(Cascading)과 전달(inheritance)
  • 6.1 설정, 계산, 실제값
    • 6.1.1 지정된 값
    • 6.1.2 계산된 값
    • 6.1.3 실제값
  • 6.2 전달(inheritance)
    • 6.2.1 'inherit' 값
  • 6.3 @import(도입) 명령
  • 6.4 카스케이드(cascade)
    • 6.4.1 카스케이딩 순서
    • 6.4.2 !important(중요) 명령
    • 6.4.3 선택자의 특정성(specificity) 계산
    • 6.4.4 비 CSS 표현적 힌트의 우선순위
• 7 메디아(media) 타입
  • 7.1 메디아 타입들의 소개
  • 7.2 메디아에 따른 스타일쉬트들의 지정
    • 7.2.1 @media(메디아) 명령
  • 7.3 알려진 메디아 타입
    • 7.3.1 메디아 구룹
• 8 박스(box) 모델
  • 8.1 박스 규격
  • 8.2 마진(margin), 패딩(padding), 테두리들의 예제
  • 8.3 마진 속성: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', 'margin'
    • 8.3.1 마진들의 통합(collapsing)
  • 8.4 패딩 속성: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', 'padding'
  • 8.5 테두리(border) 속성
    • 8.5.1 테두리 너비: 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width', 'border-width'
    • 8.5.2 테두리 색상: 'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color', 'border-color'
    • 8.5.3 테두리 스타일: 'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style', 'border-style'
    • 8.5.4 테두리 약식속성들: 'border-top', 'border-bottom', 'border-right', 'border-left', 'border'
• 9 보이는 양식화 모델
  • 9.1 보이는 양식화 모델의 소개
    • 9.1.1 뷰포인트(viewport)
    • 9.1.2 용기블럭(containing block)
  • 9.2 박스 생성 제어
    • 9.2.1 블럭레벨(block-level) 엘레멘트들과 블럭 박스(block box)
      • 가명(anonymous) 블럭 박스
    • 9.2.2 인라인(inline-level) 엘레멘트들과 인라인 박스
      • 가명 인라인 박스
    • 9.2.3 치밀(compact) 박스
    • 9.2.4 선행(run-in) 박스
    • 9.2.5 'display' 속성
  • 9.3 위치 맞추는 기능(positioning scheme)
    • 9.3.1 위치 맞추는 기능의 선택: 'position' 속성
    • 9.3.2 박스의 오프세트(offset): 'top', 'right', 'bottom', 'left'
  • 9.4 정상 흐름(normal flow)
    • 9.4.1 블럭(block) 양식화 문맥
    • 9.4.2 인라인(inline) 양식화 문맥
    • 9.4.3 상대위치
  • 9.5 유동(float)
    • 9.5.1 유동의 위치 맞춤: 'float' 속성
    • 9.5.2 유동들 다음 흐름의 제어: 'clear' 속성
  • 9.6 절대위치
    • 9.6.1 고정된 위치 잡기(fixed positioning)
  • 9.7 'display', 'position', 'float'의 상호 관계
  • 9.8 정상 흐름(normal flow), 유동(float), 절대위치의 비교
    • 9.8.1 정상 흐름(normal flow)
    • 9.8.2 상대위치
    • 9.8.3 박스의 유동(floating)
    • 9.8.4 절대위치
  • 9.9 층으로 된 표현
    • 9.9.1 스택(stack) 수준 지정: 'z-index' 속성
  • 9.10 텍스트 방향: 'direction'와 'unicode-bidi' 속성
• 10 보이는 양식화 모델 세부사항
  • 10.1 용기블럭(containing block)의 정의
  • 10.2 내용 너비(content width): 'width' 속성
  • 10.3 너비(width)와 마진(margin)의 계산
    • 10.3.1 인라인(inline), 대체되지 않은 엘레멘트
    • 10.3.2 인라인, 대체된 엘레멘트
    • 10.3.3 정상 흐름(normal flow)에서 블럭레벨, 대체되지 않은 엘레멘트
    • 10.3.4 블럭레벨(block-level), 대체된 엘레멘트들 정상 흐름에서
    • 10.3.5 유동(floating), 대체되지 않은 엘레멘트
    • 10.3.6 유동, 대체된 엘레멘트
    • 10.3.7 절대적으로 위치된, 대체되지 않은 엘레멘트
    • 10.3.8 절대적으로 위치된, 대체된 엘레멘트
  • 10.4 최소와 최대 너비(width): 'min-width', 'max-width'
  • 10.5 내용 높이(content height): 'height' 속성
  • 10.6 높이와 마진의 계산
    • 10.6.1 인라인(inline), 대체되지 않은 엘레멘트
    • 10.6.2 인라인, 대체된 엘레멘트들 블럭레벨, 대체된 엘레멘트들 정상 흐름에서, 유동, 대체된 엘레멘트
    • 10.6.3 정상 흐름에서 블럭레벨, 대체되지 않은 엘레멘트들, 유동, 대체되지 않은 엘레멘트
    • 10.6.4 절대적으로 위치된, 대체되지 않은 엘레멘트
    • 10.6.5 절대적으로 위치된, 대체된 엘레멘트
  • 10.7 최소와 최대 높이: 'min-height', 'max-height'
  • 10.8 라인 높이 계산: 'line-height', 'vertical-align' 속성
    • 10.8.1 앞섬(leading)과 반 앞섬
• 11 보이는 효과
  • 11.1 넘처흐름과 잘림
    • 11.1.1 넘처흐름(overflow): 'overflow' 속성
    • 11.1.2 잘림(clipping): 'clip' 속성
  • 11.2 보임성(visibility): 'visibility' 속성
• 12 생성된 내용(content), 자동 번호붙이기(numbering), 목록
  • 12.1 :before,:after 가상 엘레멘트(pseudo-element)
  • 12.2 내용('content') 속성
  • 12.3 :before, :after의 'compact', 'run-in' 엘레멘트와 작용
  • 12.4 따옴표
    • 12.4.1 'quotes' 속성으로 따옴 지정
    • 12.4.2 'content' 속성에 따옴표 삽입
  • 12.5 자동 카운터(counter)와 번호붙이기(numbering)
    • 12.5.1 네스트된(nested) 카운터와 범위
    • 12.5.2 카운터 스타일
    • 12.5.3 'display: none'을 갖는 엘레멘트 카운터
  • 12.6 표시자(marker)와 목록(list)
    • 12.6.1 표시자(marker): 'marker-offset' 속성
    • 12.6.2 목록(list): 'list-style-type', 'list-style-image', 'list-style-position', 'list-style' 속성
• 13 페이지화된 메디아(paged media)
  • 13.1 페이지화된 메디아 소개
  • 13.2 페이지(page) 박스: @page 명령
    • 13.2.1 페이지 마진
    • 13.2.2 페이지 크기: 'size' 속성
      • 목표 쉬트에 맞지 않는 페이지 박스의 표현
      • 쉬트에 페이지 박스에 위치시킴
    • 13.2.3 절단(crop) 표시: 'marks' 속성
    • 13.2.4 페이지의 왼쪽, 오른쪽, 처음
    • 13.2.5 페이지 박스 밖의 내용
  • 13.3 페이지 넘김
    • 13.3.1 엘레멘트 앞/뒤의 줄바꿈: 'page-break-before', 'page-break-after', 'page-break-inside'
    • 13.3.2 이름 붙여진 페이지의 사용: 'page'
    • 13.3.3 엘레멘트 안에서 줄바꿈: 'orphans', 'widows'
    • 13.3.4 허용된 페이지 넘김
    • 13.3.5 강제 페이지 넘김
    • 13.3.6 "Best" 페이지 넘김
  • 13.4 페이지 문맥에서 카스케이딩
• 14 색상과 배경
  • 14.1 전면 글자(foreground) 색상: 'color' 속성
  • 14.2 배경
    • 14.2.1 배경 속성: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', 'background'
  • 14.3 감마(gamma) 보정
• 15 글꼴(font)
  • 15.1 소개
  • 15.2 글꼴 규격
    • 15.2.1 글꼴 규격 속성
    • 15.2.2 글꼴 가족(family): 'font-family' 속성
    • 15.2.3 글꼴 스타일(style): 'font-style', 'font-variant', 'font-weight', 'font-stretch' 속성
    • 15.2.4 글꼴 크기(size): 'font-size', 'font-size-adjust' 속성
    • 15.2.5 글꼴 속성의 약식 명령: 'font' 속성
    • 15.2.6 기본(generic) 글꼴 가족
      • serif
      • sans-serif
      • cursive
      • fantasy
      • monospace
  • 15.3 글꼴의 선택
    • 15.3.1 글꼴 설명과 @font-face
    • 15.3.2 글꼴 선택을 위한 설명자: 'font-family', 'font-style', 'font-variant', 'font-weight', 'font-stretch', 'font-size'
    • 15.3.3 글꼴 데이터을 위한 설명자 검정(qualification): 'unicode-range'
    • 15.3.4 수치값을 위한 설명자: 'units-per-em'
    • 15.3.5 참조를 위한 설명자(descriptor): 'src'
    • 15.3.6 일치(matching)를 위한 설명자: 'panose-1', 'stemv', 'stemh', 'slope', 'cap-height', 'x-height', 'ascent', 'descent'
    • 15.3.7 합성을 위한 설명자: 'widths', 'bbox'와 'definition-src'
    • 15.3.8 정렬을 위한 설명자: 'baseline', 'centerline', 'mathline', 'topline'
    • 15.3.9 예제
  • 15.4 글꼴 속성
    • 15.4.1 글꼴 속성의 소개
    • 15.4.2 완전 글꼴 이름
    • 15.4.3 em 사각에서 좌표 단위
    • 15.4.4 중앙(central) 기초선
    • 15.4.5 글꼴 엔코딩(font encoding)
    • 15.4.6 글꼴 가족(family) 이름
    • 15.4.7 그림문자 너비
    • 15.4.8 수평 기둥(stem) 너비
    • 15.4.9 그림문자 대문자의 높이
    • 15.4.10 그림문자 소문자의 높이
    • 15.4.11 아래(lower) 기초선
    • 15.4.12 계산(Mathematical) 기초선
    • 15.4.13 최대 제한 박스
    • 15.4.14 최대 수용할 수 없는 높이
    • 15.4.15 최대 한계 깊이
    • 15.4.16 판소네(Panose-1) 수치
    • 15.4.17 ISO 10646 글자 범위
    • 15.4.18 맨위 기초선
    • 15.4.19 수직적 기둥(stem) 너비
    • 15.4.20 수직적 경사(stroke) 각도
  • 15.5 글꼴 일치(matching) 기능
    • 15.5.1 글꼴 이름에 글꼴 굵기값 배치
    • 15.5.2 글꼴 일치(matching) 예제
• 16 텍스트(text)
  • 16.1 들여쓰기: 'text-indent' 속성
  • 16.2 정렬: 'text-align' 속성
  • 16.3 장식
    • 16.3.1 밑줄긋기, 윗줄긋기, 가운데줄긋기와 깜빡거리기: 'text-decoration' 속성
    • 16.3.2 텍스트 그림자: 'text-shadow' 속성
  • 16.4 글자와 단어 간격: 'letter-spacing', 'word-spacing' 속성
  • 16.5 대문자화: 'text-transform' 속성
  • 16.6 공백: 'white-space' 속성
• 17 테이블(table)
  • 17.1 테이블의 소개
  • 17.2 CSS 테이블 모델
    • 17.2.1 가명(anonymous) 테이블 개체(object)
  • 17.3 컬럼 선택자(selector)
  • 17.4 보이는 양식화 모델에서 테이블
    • 17.4.1 제목(caption) 위치와 정렬
  • 17.5 테이블 내용의 보이는 배열
    • 17.5.1 테이블 층(layer)들과 투명성(transparency)
    • 17.5.2 테이블 너비 기능: 'table-layout' 속성
      • 고정 테이블 배열
      • 자동 테이블 배열
    • 17.5.3 테이블 높이 기능
    • 17.5.4 컬럼에서의 수평정렬
    • 17.5.5 탄력적(dynamic) 줄과 컬럼 효과
  • 17.6 테두리(border)
    • 17.6.1 분리된 테두리(border) 모델
      • 빈 셀 주위의 테두리: 'empty-cells' 속성
    • 17.6.2 통합(collapsing) 테두리 모델
      • 테두리의 해상도 마찰(conflict resolution)
    • 17.6.3 테두리 스타일
  • 17.7 테이블의 소리 표현
    • 17.7.1 말하는 헤더: 'speak-header' 속성
• 18 사용자 인터페이스(User interface)
  • 18.1 커서(cursor): 'cursor' 속성
  • 18.2 색상에 대한 사용자 선호
  • 18.3 글꼴에 대한 사용자 선호
  • 18.4 탄력적 아우트라인(dynamic outline): 'outline' 속성
    • 18.4.1 아우트라인과 초점(focus)
  • 18.5 배율
• 19 소리(aural) 스타일쉬트
  • 19.1 소리(aural) 스타일쉬트의 소개
  • 19.2 볼륨(volume) 속성: 'volume'
  • 19.3 말하는 속성: 'speak'
  • 19.4 잠간 멈춤(pause) 속성: 'pause-before', 'pause-after', 'pause'
  • 19.5 큐(cue) 속성: 'cue-before', 'cue-after', 'cue'
  • 19.6 믹싱(mixing) 속성: 'play-during'
  • 19.7 특수한 속성: 'azimuth', 'elevation'
  • 19.8 음성 속성: 'speech-rate', 'voice-family', 'pitch', 'pitch-range', 'stress', 'richness'
  • 19.9 Speech 속성: 'speak-punctuation', 'speak-numeral'
• 부록 A. HTML 4를 위한 스타일쉬트 견본
• 부록 B. CSS1으로부터의 변화
  • B.1 새로운 기능들
  • B.2 업데이트된 설명
  • B.3 의미의 CSS1으로부터의 변화
• 부록 C. 글꼴에 대한 적용과 성능 주석
  • C.1 글꼴 용어 모음
  • C.2 글꼴 읽어오기
  • C.3 파노스 디지탈(Panose Digit)의 의미
  • C.4 투루타입(TrueType)을 위한 유니코드(Unicode) 범위의 축소(Deducing)
  • C.5 자동 설명자(descriptor) 생성
• 부록 D. CSS2의 문법
  • D.1 문법
  • D.2 렉시칼 스케너(Lexical scanner)
  • D.3 CSS2와 CSS1에서 토큰화 비교
• 부록 E. 참조
  • E.1 지명적 참조
  • E.2 정보적 참조
• 부록 F. 속성 색인
• 부록 G. 설명자(descriptor) 색인
• 부록 H.색인
  
  [원문] :  http://trio.co.kr/autocss2.html