동해둘리의 IT Study

HTMl5 로 코딩을 하는경우, 동적으로 화면의 요소들을 컨트롤 해야하는 경우가 많습니다. 팝업형태의 DIV 태그를 사황에 따라 보여준다거나 많은 리스트를 보여주지만, 사용자의 선택에 따라 일부분만 보여주어야 하는 경우 동적으로 HTMl 요소들을 컨트롤 해야합니다. 이럴때 흔히 사용하는 Style Property 가 바로 display와 visibility 입니다. display 는 none 이나 block, inline 등의 값을 사요할 수 있고 visibility 는 hidden, visible 값을 사용하게됩니다. 하지만, 이 두가지 property는 중요한 차이점이 있습니다. 위 그림에서 보는바와 같이, display 를 사용하는 경우 B 를 display:none 으로 처리했다면, B 가 안보이..

IT공부방/HTML5, CSS 2018. 11. 8. 23:52

태그끼리의 위치는 inline 과 block, none, inline-block 등의 4가지로 분류할 수 있는데,DIV 태그같은 경우는 block 의 특성을 ,SPAN 태그같은 경우는 inline 의 특성을 가지게 된다. CSS 의 display 속성은 이러한 원래의 특성을 변경할 때 사용된다. 아래 포스팅에 상세히 설명되어 있다.http://mainia.tistory.com/3295 또한, display 속성은 위 4가지 이외에도 많은데.... 아래와 같이 16가지나 된다. 출처 : http://dev.epiloum.net/834 inline | block | list-item | inline-block | table | inline-table | table-row-group | table-header..

IT공부방/HTML5, CSS 2016. 7. 21. 12:35