블로그 이미지
Magic_kit
study 관련자료를 한곳으로 자기 개발 목적으로 재태크 재무 관리 목적으로 일상생활의 팁을 공유 하기 위하여 블로그를 개설 하였습니다.

calendar

1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
반응형

Category

Recent Post

Recent Comment

Archive

2009. 7. 29. 18:56 .Net Project/CSS 2.0
반응형


<CSS 2.0관련 속성 정리>

color : 전경색(Foreground Color)
background-color : 배경색
font-size : pt 단위 또는 px 단위,9pt, 11pt
font-family : 글꼴(글자모양), verdana,'맑은 고딕',font-family : "Malgun Gothic", verdana;
font-weight:bold; : 굵게
font-style:italic : 이텔릭체

text-decoration : 밑줄관련
 noneline
 underline
 overline
 line-through

width : 가로길이 / %단위 또는 px 단위표시
height : 세로길이

padding : 안쪽 여백
margin : 바깥쪽 여백

text-align : 수평 정렬
vertical-align : 수직 정렬
line-height : 줄 간격, 120%~150%
letter-spacing : 글자 간격, 0.5em 단위
word-spacing : 단어 간격

text-transform : 대소문자 구분
 uppercase : 대문자로
 loswercase : 소문자로
 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:visit : 방문링크
a:active : 활성링크
a:hover : 오버링크
cursor : 커서
scrollbar-XXX
float : 배치 상애
clear : 배치 해제
list-style-type :리스트 모양
list-style-position : 들여쓰기 여부
list-style-image : 블릿 기호 이미지

position:relative; 레이어 위치
  overflow:hidden; 레어어 자름

  white-space:nowrap; Block Level Element에 적용되며, 글자사이의 공백을 처리
 normal : 여러개의 공백을 하나로 만든다.
 pre : 공백을 그대로 나타낸다.
 nowrap : <BR> 요소Element 없이는 라인 랩Line Wrap을 허용하지 않는다.

  z-index:5; 레이어 순서
  left:100px ; 레이어X좌표
  top:100px ;  레이어Y좌표
 
   visibility:hidden; 레이어 숨김
   display:block; 블록 완전 제거
  
 

 


 

 

반응형

'.Net Project > CSS 2.0' 카테고리의 다른 글

23장 레이아웃 스타일  (2) 2009.07.29
22장 태그로 레이아웃 설정  (1) 2009.07.29
21장 이미지 스타일  (0) 2009.07.29
20장 목록관련스타일  (0) 2009.07.29
18장 ScrollBarStyle  (0) 2009.07.28
posted by Magic_kit