IAress

*** DIV 레이아웃 *** * div 가운데 정렬 1. margin : 박스의 바깥쪽 여백 2. margin:auto - 위/아래쪽은 여백이 없고 좌/우 여백을 동일하게 * float 1. 층을 나누다. (1.5층) 2. 전체 행에서 오브젝트의 길이를 제외한 부분에 다른 오브젝트가 오는 것을 허용 3. float을 적용한 div 이후에 작성된 div들에 영향 있음 4. left, right * clear 1. float 속성 해제 2. left, right, both(left, right 상관없이) ** position ** 1. div 요소를 원하는 위치에 구성 2. 움직이는 방법에 대한 정의 - 어떻게 움직여라 방법의 제시 3. z-index, left, top 등의 위치 속성과 같이 사용 4. ..

** 스타일 효과를 보다 정확하게 적용하기 1. 단일 선택자 - 일반적인 css 적용 방법 2. 다중 선택자 - 여러 개의 선택자에 동싱[ㅔ 같은 효과 적용 선택자, 선택자, 선택자....(효과) 3. 부분 지정 선택자 - 같은 선택자라 하더라도 감싸고 있는 선택자가 다른 곳에 효과 적용 선택자 선택자 {효과} body [type="text"] { padding: 10px; border: 3px solid red } 해당하는 태그가 있는 것에 대해 효과 적용 ** 요소 레벨(Element Level, 태그의 레벨 구분) 1. 블록레벨(Block Level) - 독립된 행을 가지는 태그 - 다른 블록레벨 요소와 인라인 요소 포함 가능 - p, h, ul, ol, li, div...... 2. 인라인 레벨(..

** xhml XML + HTML xml 언어를 html 로 표현한 언어 ** XML(eXtensible Markup Language) - 뛰어난 확장성(호환성) - 단순한 코딩 - 단계적 구성 - 사용자 정의 요소 - 문서 작성시 선언부 반드시 필요 ** CSS(Cascading Style Sheet) 웹 페이지의 디자인 표현을 위해 개발된 언어 * 문법 - html - css 선택자 { 속성:속성값; 속성:속성값; } ## 일반 웹페이지 제작시에는 선택자부터 속성까지 모두 한줄로 작성하고, 마지막 세미콜론은 반드시 삭제 ## * CSS 적용 방법 1. 내부 스타일 - 스타일 효과를 제작중인 문서내에 직접 작성 - 반드시 스타일 정의 후 효과 작성 - head 태그 내에서 선언 2. 외부 스타일 - 스..