HTML/CSS 레이어(Layer) 란

레이어란 무엇인가?

 

 

레이어(Layer)란 층을 의미 합니다. 

한 문서에 여러개의 레이러를 만들어 다른 레이어 위에 쌓을 수 있고, 투명하거나 불투명하게 만들 수 도 있습니다.

HTML 문서의 배경색과 배경 이미지를 지정하는 것처럼 각 레이어의 배경색과 배경 이미지도 지정 하능 합니다.

 

자바스크립트를 사용하면 레이러를 옮기거나 감추거나 확대 또는 축소도 가능 합니다.

 

기본적으로 HTML과 자바스크립트를 사용하여 웹 페이지상에 동적인 애니메이션을 구현할 수 있고, 다양하게 동작하는 웹 페이지를 만들 수 있습니다.

 

레이어 정의

하나의 레이어는 다른 레이어와 구별되어야 하므로 고유한 아이디(ID) 이름을 가져야 합니다.

여기에 레이어 위치를 지정하기 위한 position 속성과 레이어의 크기를 추가하여 레이어를 정의 합니다.

 

postion 속성

absolute : 레이어의 문서 전체에 대한 절대적 위치를 지정합니다.

relative : 레이어가 서술 된 곳을 기준으로 상대적 위치를 지정합니다.

 

레이어는 <div> 와 <span> 태그를 사용하여 지정합니다.

class와 id 속성을 추가하면 원하는 부분만을 묶어서 스타일 지정이 가능합니다.

 

홈페이지 만들기 및 티스토리 블로그 꾸미기에 있어서 꼭 알아 두어야 하는 레이어에 대하여 간단하게 알아 보았습니다.