nomad-programmer

위치 관련 position 속성 * 자손의 position 속성에 absolute 키워드를 적용하면 부모는 height 속성을 사용해야 한다. * 자손의 position 속성에 absolute 키워드를 적용하면 부모의 position 속성에는 relative 키워드를 적용해야 한다. float 속성 * 자손에 float 속성을 적용하면 부모의 overflow 속성에는 hidden 키워드를 적용해야 한다. 위의 예를 보듯이 자식이 float속성을 지녔을 때 부모는 overflow 속성의 hidden을 가지고 있어야 제대로 나오는 것을 확인할 수 있다. 1 2 clear 속성에 both 키워드를 적용해도 마찬가지 기능을 수행한다. 하지만 현대에는 overflow 속성을 더 많이 사용한다. 레이아웃을 구성할 ..

Lorem ipsum lorem ipsum dolor sit amet, consectetur adipiscing elit. 체크박스를 체크해보세요 lorem ipsum lorem ipsum dolor sit amet, consectetur adipiscing elit.

더미 이미지가 필요하다면? 웹 페이지를 디자인하다보면 이미지를 아직 완성하지 못해 넣을 수 없는 경우가 있다. 이미지 크기는 아는데 아직 이미지가 없을 때 사용할 수 있는 사이트는 소개한다. https://placeholder.com/ Placeholder.com: Placeholder.com – The Free Image Placeholder Service Favoured By Designers What Is Placeholder.com? Placeholder.com generates custom placeholder images on the fly, like these examples:- How To Use Our Placeholders Just specify the image size after o..

최신 브라우저라 하더라도 HTML5 스펙의 기능들이 어떤 브라우저에서는 되고, 어떤 브라우저에서는 안되는 것을 브라우저 파편화(browser fragmentation)이라고 한다. 이런 파편화를 줄이고 비슷하게라도 같은 결과를 만들기 위해 여러 가지 방법들을 동원하는데 이런 방법들을 통틀어 "심(shim)"이라고 부르며, "폴백(fallback)"이라 부르기도 한다. html5shim.js도 shim의 일종이다. https://github.com/aFarkas/html5shiv aFarkas/html5shiv This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer. - aFark..