DevilStudy

/*점선테두리 없애기*/ a, img, input {selector-dummy: expression(this.hideFocus=true);}

/* cellspacing */ table{border-collapse:collapse;} 출처 : http://www.design-js.com/ - TOKKI TANG

-뒤로가기 뒤로가기 -앞으로가기 앞으로가기 -새로고침 새로고침 출처 : http://www.design-js.com/ - TOKKI TANG

↑ 요놈 없애기 출처 : http://www.design-js.com/ - TOKKI TANG

세로스크롤 : overflow-y:auto; 가로스크롤 : overflow-x:auto; 출처 : http://www.design-js.com/ - TOKKI TANG

STYLE="text-align:center;" ------------> 중앙정렬 STYLE="text-align:left;" ------------> 왼쪽정렬 STYLE="text-align: right;" ------------> 오른쪽정렬 STYLE="text-align:justify;" ------------> 양쪽정렬(익스플로어 전용) 출처 : http://www.design-js.com/ - TOKKI TANG

- 외부문서를 불러와 적용하는 방법 - 일반문서를 열어서 *.css로 저장 예) 출처 : http://www.design-js.com/ - TOKKI TANG

scrollbar-3dlight-color:#ffffff; - 왼쪽 외각색 scrollbar-arrow-color:#ED9480; - 화살표색 scrollbar-track-color:#ffffff; - 배경색 scrollbar-darkshadow-color:#ffffff; -오른쪽 외각색 scrollbar-face-color:#FEF1EE; - 스크롤바색 scrollbar-highlight-color:#Ffffff; scrollbar-shadow-color:#F4F3F1; overflow:hidden; - 스크롤바 없애기 스크롤바 없애기

list-style-imge:url(); float:left; - 리스트 왼쪽정렬

position:absolute; - 레이어화 시켜준다. filter:alpha(opacity=60); - 투명도조절 z-index:1; - 숫자가 높을수록 위에 배치된다 left:200px; 왼쪽에서 200px 떨어진 곳에 배치된다. top:500px; 위에서 500px 떨어진 곳에 배치된다.

visibility visibility:visible; - 보이기 visibility:hidden; - 숨기기 display display:none; - 감춘다 display:block; - 앞뒤요소Element에 대해 줄나누기를 한다(br적용) display:inline; - 앞뒤요소Element에 대해 줄나누기를 하지 않는다. display:list-item; - block와 동일한 기능에 목록표시 추가 초기값(lnitial Value) : block

손모양 cursor:pointer; cursor:hand; - IE 전용 이동모양 cursor:move; 모래시계모양 cursor:wait;

padding padding:2px 2px 2px 2px; -상우하좌(시계방향) padding:5px 5px; -상하5px , 좌우5px padding-top:2px; padding-bottom:2px; padding-left:2px; padding-right:2px;

가로넓이 width:300px; width:50%; 세로높이 height:200px; height:20%; 글자색 color:#ff0066;

border:1px solid #000000; -실선 border:1px dotted #ff0066; -점선 border:1px dashed #ff0066; -굵은점선 border:1px double #ff0066; -이중실선 border:1px groore #ff0066; -오목하게 들어간 액자테두리 border:1px ridge #ff0066; -볼록하게 나온 액자테두리 border:1px inset #ff0066; -왼쪽위에서 빛을 비추어 명암을준 오목한 모양 border:1px outset #ff0066; -왼쪽위에서 빛을 비추어 명암을준 볼락한 모양 border-top-style:dotted; border-left-style:none; border-bottom-style:none; border-..

배경색 background-color:#ff0100; 배경이미지 background:url("경로"); background-image:url("경로"); background-repeat:no-repeat; - 반복하지 않음 background-repeat:repeat-X; - x축(옆)으로만 반복 background-repeat:repeat-Y; - y축(아래)로만 반복 background-attachment:fixed; - 배경이미지 고정 background-position:top right; - 배경이미지 위치 띄워쓰기로 구분지으면서 여러값을 동시에 적용할수있다. background:#ff0066 url("경로") no-repeat fixed;

a:link{color:#000000; text-decoration:none;} - 클릭하지 않은 링크 a:visited{color:#000000; text-decoration:none;} - 한번방문한곳 a:hover{color:#000000; text-decoration:none;} - 마우스를 올렸을때 a:active{color:#000000; text-decoration:none;} - 클릭할때

〃text-decoration〃 text-decoration:none; text-decoration:underline; -밑줄 text-decoration:overline; -윗줄 text-decoration:line-through; -중앙 * 스페이스 한칸(띄워쓰기)로 값들을 나누면서 한거번에 적용가능 text-decoration:underline overline line-through; 〃text-align (문서의 정렬)〃 text-align:center; -중앙정렬 text-align:left; -왼쪽정렬 text-align:right; -오른쪽정렬

〃letter-spacing〃 letter-spacing: 0.5em; - 자간설정

〃font-family〃 font-family는 쉼표(,)를 기준으로 나열하며 맨 앞의 글꼴이 우선적으로 적용이 되며, 그 글꼴이 사용자의 컴퓨터에 없을경우 그 다음 글꼴이 적용된다. ex) font{ font-family:굴림,돋움,궁서;} 〃font-style〃 font-style:nomal; font-style:italic; font-style:oblique; 〃font-weight〃 font-weight:nomal; font-weight:bold; - 글꼴의 두께 (굵게) font-weight:bolder; font-weight:lighter; 〃font-variant〃 font-variant:small-saps; - 대문자로 바꿔준다. 〃font-size〃 font-size:10pt; font-..