AimHo

CSS 속성공부 #6 / 위치(position) 속성 보통 프로그램을 개발할 때 요소의 위치는 다음 두 가지 방법으로 설정한다. 절대 위치 좌표: 요소의 X 좌표와 Y 좌표를 설정해 절대 위치를 지정함.상대 위치 좌표: 요소를 입력한 순서에 따른 상대 위치를 지정함.절대 위치 좌표는 드래그해서 만들 수 있으므로 상대 위치 좌표보다 개발이 쉽다. 하지만 현대에는 사람들이 각기 다른 디바이스(모바일, PC)에서 사용하므로 해상도가 고정되어 있지 않다. 따라서 상대 위치 좌표를 대부분 사용한다. 그렇다고 절대 위치 좌표가 쓰이지 않는 것은 아니다. 절대 위치 좌표는 일정 크기의 영역을 지정한 태그 내부에서 많이 사용한다. position 속성 이제 실습을 통해 position 속성을 익혀보자. 100x100 ..

CSS 속성공부 #3 / display 속성HTML5가 등장하면서 display 속성에 입력할 수 있는 다양한 키워드가 등장했다. 하지만 모든 display 속성을 제대로 지원하는 웹 브라우저는 아직 없다. 그러므로 우리는 모든 웹 브라우저가 지원하는 display 속성을 중심으로 살펴보도록 하자. 여기서 다룰 속성 키워드들은 다음과 같다. 1. none: 태그를 화면에서 보이지 않게 만듦. 2. block: 태그를 블록 형식으로 지정함. 3. inline: 태그를 인라인 형식으로 지정함. 4. inline-block: 태그를 인라인-블록 형식으로 지정함. 실전예제 더미 객체 대상 객체 더미 객체 더미 객체 대상 객체 더미 객체 더미 객체 대상 객체 더미 객체 더미 객체 대상 객체 더미 객체 더미 객체 ..