차차로그

position 속성은 요소의 위치 기준이 된다. position 속성으로 기준점을 잡고 top, buttom, left, right 로 위치를 이동시킨다. position속성은 5가지가 있다. static 기본값 relative 요소 자기 자신을 기준으로 함 absolute 부모를 기준으로 함 sticky 스크롤 영역을 기준으로 함 fixed 뷰포트를 기준으로 함 Relative 기준을 자기 자신의 원래 위치(=static일 때 위치)로 두고 배치할 수 있다. 원래 위치에서 top bottom left right만큼 이동시킬 수 있다. 문서 상 원래 위치가 그대로 유지된다. 위치를 이동할 때 다른 요소에 영향을 주지 않는다. position = static position = relative posit..

하콤 비움 리의 제안 1994년 1996년 CSS1 도입 CSS를 통해 사용자 환경이 다르더라도 동일한 형태의 문서 제공이 가능 CSS2 사용자환경이나 플러그인에 관계없이 홈페이지 출력, 인쇄 기능 추가 XML, HTML 4.0 지원 다양한 콘텐츠 배치 기능 강화 CSS3 -webkit- 접두어 : 크롬, 사파리 브라우저에서 사용 크로스 브라우징을 위해 필요 : 최대한 많은 종류의 웹 브라우저에서 정상적으로 작동하는 웹페이지를 만드는 방법 다양한 브라우저가 존재하기 때문에 크로스 브라우징의 필요성 대두 동일성보다는 동등성을 강조 이미지를 사용하지 않아 웹 페이지의 데이터량 절약 가능 다중 컬럼 레이아웃으로 컬럼에 텍스트 배치 가능 column-count : 컬럼의 개수를 직접 지정해 너비는 자동 결정되도..

HTML 1.0 팀 버너스리 텍스트 위주의 정보전달 목적으로 사용된 시기 HTML 2.0 ~ 3.2 표준화를 위한 노력 다양한 브라우저에서 공통적으로 표현되도록 W3C에서 표준을 정의함 HTML 4.01 CSS로 디자인적인 요소를 구분 HTML은 웹페이지의 전반적인 구조만을 명시하는 것을 원칙으로 정함 HTML 5.0 W3C가 새로운 표준으로 XHTML 1.0으로 정하게 됐으나(HTML만으로는 웹페이지를 모두 표현하기에 기술적인 한계가 있다고 판단하였기 때문) 습득하기 어렵고 호환이 안 되는 문제점이 발생 → W3C에서 다시 HTML을 웹표준으로 정함 HTML 5의 주요 기능 Device Access : 카메라, 동작센서 등의 H/W 기능을 웹에서 직접 제어 Connectivity(Web Socket) ..

Display 요소의 특징 Block Level Element : 하나의 가로 영역(Block)을 차지하는 태그. 블럭끼리는 겹칠 수 없어 새로운 블럭요소가 있으면 새로운 라인(줄바뀜)에서 블럭이 생성됨 대표적인 태그로는 , 가 있다 Inline Level Element : 글자의 내용 길이만큼 영역이 지정되는 태그. 길이만큼 영역이 할당되기 때문에 한 줄에 여러 요소가 올 수 있다. 문단 중간에 와서 특정 글자만 꾸밀 때에 사용되기도 함 대표적인 태그로는 이 있다 Inline Level Element 안에는 Block Level Element가 올 수 없다 단락을 구성하는 태그. 위아래 간격이 있는 영역이 할당됨 안에는 , 등의 인라인 요소만 올 수 있음p태그 사용 태그 안의 줄바꿈, 여러 개의 띄어쓰..