24. CSS 2.0관련 속성정리

CSS2.0관련 속성 정리

- color : 전경색(Foreground Color)
- background-color : 배경색
- font-size : pt단위 또는 px단위, 9pt, 11px이 많이 쓰인다.
- font-family : 글꼴 - Verdada, '맑은 고딕'이 많이 쓰인다.
      font-family : "Malgun Gothic", verdana;
- font-weight: bold; ==> 볼드체
- font-style:italic; ==> 이탤릭체
- text-decoration : 밑줄관련
      none
      underline
      overline
      line-through
- width : 가로길이, %단위 또는 px단위
- height : 세로길이
- padding : 안쪽 여백
- margin : 바깥쪽 여백
- text-align : 수평 정렬
      left, center, right
- vertical-align : 수직정렬
       top, middle, bottom
- line-height : 줄 간격, 120%~150%
- letter-spacing : 글자간격, 0.5em 단위
- word-spacing : 단어 간격
- text-transform : 대소문자구분
      uppercase, lowercase, capitalize
- text-indent : 들여쓰기
- white-space : pre 또는 nobr 처리
- border : 테두리(외곽선)
- background-image:url(); ==> 배경 이미지(절대경로/상대경로)
- background-repeat : 배경 이미지 배치 여부(repeat, no-repeat, ...)
- background-position : 배치 상태(left bottom)
- background-attachment : 스크롤여부(scroll, fixed)
- a:link ==> 기본링크
- a:visited ==> 방문한 링크
- a:active ==> 활성 링크
- a:hover ==> 오버 링크(마우스포인터 해당 텍스트에 올렸을때)
- cursor : 마우스 커서 모양 정의
- scrollbar-XXX : 스크롤바 모양 정의(IE=Internet Explorer)전용
- float : 배치 설정(float:left;)
- clear : 배치 해제(clear:both;)
- list-style-type : 리스트 모양
- list-style-position : 들여쓰기 여부
- list-style-image : 불릿 기호 이미지
- position:absolute; ==> 레이어 위치(절대좌표)
- z-index:1; ==> 레이어 순서
- left:150px; ==> 레이어 X좌표
- top:150px; ==> 레이어 Y좌표
- overflow:hidden; ==> 레이어안의 데이터 배치(scroll, hidden)
- visibility:hidden; ==> 레이어 보이기/숨기기
- display:none; ==> 레이어 영역 없애기/남기기

CSS 2.0관련 속성정리.txt