wix 손쉽게 무료로 홈페이지/블로그 제작할 수 있는 사이트 http://www.wix.com/ http://ko.wix.com/ 다양한 템플릿 제공 편집메뉴로 에이터를 실행한 후 손쉽게 페이지 구성 가능

HTML5 웹 문서를 제작하는데 사용되는 최신 프로그래밍 언어 단말 환경에 종속되지 않고 별도의 프로그램이 없이 화려한 그래픽, 음악, 동영상 등을 자유롭게 구현할 수 있는 최대의 장점을 가지고 있습니다 HTML5 포럼 homepage http://html5forum.or.kr/

CSS 지정방식 태그 내부 삽입형(ln-line style) 문서 내 지정형(Embedding style) 외부 경로 삽입형(link style) 태그 내부 삽입형(ln-line style) 문서 내 지정형(Embedding style) 외부 경로 삽입형(link style)

CSS 주석 /*로 시작해서 */로 끝남 CSS 주석은 대.소문자 구분하지 않음 W3C가 권고하는CDATA 주석 문법 사용. ""는 CSS 미인식 웹 브라우저에서 내용이 그대로 출력되는 것을 방지 p { line-height: 120%; } /* 요소의 글꼴 크기('font-size')의 120% */

데이터 형식 데이터 : 스타일시트에서 사용되는 프로퍼티의 값 정수와 실수 10진법으로 표기, 양과 음 지정, 단위와 함께 사용시 값 범위 제한 길이 글꼴 및 이미지 크기 조절. 상대 단위와 절대 단위로 분류 h1 { margin: 0.5em; } /* em, 요소의 글꼴(font) 높이 */ h1 { margin: 1ex; } /* x-height, 글자 'x'의 높이 */ p { font-size: 12px; } /* pixels, 화면에 상대적으로 */ 상대 단위 : em(글꼴의 크기), ex(글꼴의 x너비), px(픽셀) h1 { margin: 0.5in; } /* 인치(inche), 1in = 2.54cm */ h2 { line-height: 3cm; } /* cm, centimeter */ h3..

HTML 요소를 선택자로 사용시 tag { … } 특정 요소에 특정 스타일을 적용 : 태그에 대한 스타일만 적용 p { font-family: 휴먼매직체; font-size: 20pt; } tag, tag, … tag { … } 여러 요소에 동일 서식 적용 : , 태그에 적용 p, b { font-family: 휴먼매직체; font-size: 20pt; } tag1 tag2 { … } tag1 내의 tag2에만 스타일을 적용할 때 사용 p b { font-family: 휴먼매직체; font-size: 20pt; }