StyleSheet 기본

해당페이지에서 스타일시트를 적용하려면,
사용 할 Page에서 스타일시트가 위치한 경로에 링크를 걸어준다.
Ex) <link rel='stylesheet' href='/incFiles/CSS/PopupStyle.css' />

해당 컨트롤에 id를 선언하였을 경우: #해당id
해당 컨트롤에 class를 선언하였을 경우: .해당class

- class가 TestId인 div에 배경이미지 넣기(넓이: 100px, 높이: 70px)
 .TestId{ background-image:url(/images/imgName.gif); width:100px; height:70px; }


- class가 TextBox1인 텍스트박스에 테두리 넣기
.TextBox1{ border:1px solid #e0e0e0; }


- id가 divBox인 div 안보이게 하기
 #divBox{display:none;}


- id가 divBox인 div 투명도 조절하기
 #divBox{background-color:White; filter:alpha(opacity=50); }


- id가 divBox인 버튼 상단에 줄 표시하기
#divBox{ padding-top:10px; border-top:2px solid #d9d9d9; }


- id가 divBox인 div 위로 20px 뛰기 
#divBox{ margin-top:20px; }


- id가 divBox인 div 안의 내용의 가운데 정렬
#divBox{ text-align:center; }


※ padding과 margin의 차이
top의 바깥쪽 20px를 원한다면 margin-top:20px;
top의 안쪽 20px를 원한다면 padding-top:20px;