inline display: inline; 일 경우 지정된 엘리먼트는 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치됩니다. 특징 widht, height 속성을 지정해도 무시됩니다. 즉, 크기를 지정할 수 없다는 의미인데 이는 해당 태그가 마크업하고 있는 컨텐츠의 크기 만큼만 공간을 차지하도록 되어있기 때문입니다. 또한, margin, p...
position이란? 문서 상의 요소를 배치하는 방법을 지정... 쉽게 말해 내가 원하는대로 요소를 위치시키기 위해 사용한다는 의미입니다. 작동 원리는 기준점을 잡고 상하좌우로 이동시킨다고 생각하면 편합니다. 기준점을 잡는다. = position의 값을 정한다. 이동시킨다. = top, right, bottom, left 값을 준다. 위와 같이 작동...
공통점 두 방법 다 웹 페이지에 이미지를 호출하는 방식입니다. 차이점 검색 시 노출 여부 웹 페이지에 검색했을 때 HTML의 시멘틱 태그인 `` 의 경우 검색 엔진에 노출되어집니다. 그러나 CSS의 속성인 {background-image} 는 순수 디자인적 요소로서만 동작하기 때문에 검색 엔진에 노출되지 않습니다. 사용 해당 이미지를 검색 엔진에 노...
시작하기전에... HTML도 처음 만들어진 이래로 꽤 많은 시간이 흘렀고 수많은 태그들이 만들어지고 사라지기를 반복해왔습니다. HTML 코드를 사용하기 전에 이러한 흐름을 알고 있어야 지금 사용하는 코드가 얼마나 많은 곳에서, 얼마나 오랫동안 유효한지를 알수있고 또 그 목적에 따라 알맞게 사용할 수 있습니다. 통계 자료를 통해 알아보겠습니다. 목표 현재 ...