- 스타일 지정방법
불러오기방식
<link rel="stylesheet" type="text/css" href="경로">
직접입력방식
<style> 스타일~ </style>
- 기본 스타일 시트
＊ Font-family // 글꼴종류 서체(예 - 굴림, 궁서, 명조, arial, tahoma,verdana,hevetica등..)
＊ Font-size // 글꼴크기(예 - 11px, 9pt)
＊ Font-style // 보통or기울임(예 - normal, italic)
＊ Font-weight // 글자굵기(예 - nomal, bold, bolder, lighter)
＊ Letter-spacing // 글자간격(예 - 30pt, 30px)
＊ Line-height // 줄사이간격(예 - 20pt, 20px)
＊ Text-align // 텍스트정렬(예 - left, center, right, justify)
＊ Text-index // 들여쓰기(예 - 20px)
＊ Text-decoration // 텍스트 밑줄지정(예 - none, underline, overline, link)
＊ Text-transform // 영문 대소문자 지정(예 - none(기본), capitalize(첫대문자), uppercase(대문자), owercase(소문자))
＊ Vertical-align // 세로정렬(top, middle, bottom)
-.링크스타일 기본
＊ a:link // 보통 상태
＊ a:visited // 방문했던 상태
＊ a:active // 방문중인 상태
＊ a:hover // 마우스 올렸을때
- 스크롤바
＊ Scrollbar-face-color // 스크롤바 전체색상
＊ Scrollbar-arrow-color // 스크롤바 위, 아래 화살표 색상
＊ Scrollbar-track-color // 스크롤바가 움직이는 통로의 색상
＊ Scrollbar-highlight-color // 스크롤바 왼쪽, 위쪽 색상
＊ Scrollbar-3dlight-color // 스크롤바, 왼쪽, 위쪽 바같부분 색상
＊ Scrollbar-shadow-color // 스크롤바 오른쪽과 아랫쪽 색상
＊ Scrollbar-darkshadow-color // 스크롤바 오른쪽과 아래쪽 바같부분 색상
＊ overflow-y:auto; // 스크롤바가 자동으로 생기도록 (옵션 : auto, hidden)
-. 기타
＊ Word-break:break-all // 자동 줄바꿈
＊ Border:1px solid #CF3290 // 한줄에 3가지 border속성 입력시
＊ Border-style // solid(실선), dashed(네모점선), dotted(둥근점선), (ridge, inset, outset : 입체적표현)
＊ Position // 레이어 {static, relative, absolute, fixed } => 정적, 상대적, 절대적 위치, 고정
