별사탕님의 블로그를 참조하여 링크를 걸었습니다 CSS의 TAG, ID, CLASS, 가상CLASS 지정방법 * 태그이름을 통해서 모든 태그에 규칙을 적용 스타일 적용 1 * 여러 요소에 반복 적용가능 * 하나의 요소에 여러 클래스를 중복적용 가능(공백으로 구분) 스타일 적용 2 스타일적용 2-1 * ID는 HTML 본문상에서 단 하나의 요소에만 적용 스타일 적용 3 * 하나의 요소에, 여러가지 경우를 나누어서 지정하는 방식 * 가상클래스요소는 IE6을 제외하고는 모든 태그에 적용가능 별사탕님의 DIV 소스보기 실제 내용 영역 아이템1 아이템2 아이템3 SAMPLE 별사탕님의 DIV 소스보기 별사탕님의 DIV 소스보기 별사탕님의 DIV 소스보기 별사탕님의 DIV 소스보기

출처 : http://blog.naver.com/darkmages CSS 속성 1. Margin (바깥쪽 여백지정) { margin-left : 여백값 ; ← 왼쪽 margin-right :여백값 ; ← 오른쪽 margin-top : 여백값 ; ← 위쪽 margin-bottom : 여백값; } ← 아래쪽 %값이나 길이단위로 표시, 여백을 음수값을 주면 요소가 잘리는 현상발생 ※ shorthand 로 표기할때 유의할 것 {margin : 10px} ← 하나의 속성값만 표기하면 전체속성값이 동일 {margin : 10px 20px} ← 두개의 속성값이 표기되면 상하/좌우 속성값을 말한다. {margin : 10px 20px 30px} ← 세개의 속성값이 표기되면 상/좌우/하 속성값 {margin : 10px..

스타일 시트(CSS) 스타일 시트(stytle sheet) : HTML 문서 내에 스타일을 표현하거나 시각적인 효과를 개선하기 위해 사용하며, 폰트크기, 폰트스타일, 폰트색, 배경색, 문자정렬등을 문서 전체에 일관성을 부여할 수 있다. 1) 스타일지정 : 텍스트 색상, 폰트스타일등 웹 페이지의 스타일 속성을 지정(일괄 지정) (네스케이프와 익스플로러 모두 지원된다) 부분에 삽입 **입력화면** **출력화면** 2) 링크부분 글자색상 반전 : 링크부분에 마우스를 가져가면 색상이 반전된다. **입력화면** **출력화면** (‘yellow'이므로 마우스를 가져가면 노란색으로 변하는군요) 3) 링크부분 밑줄반전 : 링크부분에 마우스를 위치시키면 밑줄이 나타난다. A:hover{text-decoration:und..

출처 : http://koxo.com/lang/js/style/jsList.html style script @charset{rules} 없음 ⇒ 외부 스타일쉬트에 글자세트를 설정한다. @font-face{rules} 없음 ⇒ HTML 문서에 깔리는 글꼴(font)을 설정한다. @import{rules} 없음 ⇒ 외부 스타일쉬트를 도입한다. @media{rules} 없음 ⇒ 메이어 형식을 설정한다. @page{rules} 없음 ⇒ 인쇄 박스에 크기, 정렬(orientation), 마진들을 설정한다. :active{rules} 없음 ⇒ a 엘레멘트의 연결이 되거나 활성화 되었을 때의 스타일을 설정한다. :first-letter{rules} 없음 ⇒ 개체의 첫번째 글자에 적용된다. :first-line{rul..