[html/css] display 속성 (inline, block, none, inline-block 차이), visibility 속성(visible, hidden, collapse 차이)
display 속성 (inline, block, none 차이), visibility 속성(visible, hidden, collapse 차이) 오늘 알아 볼 속성은, 어떤 요소를 화면에 보이거나 숨길 때 사용하는 display와 visibilty 속성입니다. *display와 visibilty 차이* 둘의 차이는 영어의 뜻을 보면 좀 더 쉬울 것 같아요 display: 표시, 나타냄 visibilty : 볼 수 있음 즉 display 속성은 요소를 어떻게 표시할지를 선택하고 visibility 속성은 요소를 보일지 말지 결정하는 속성입니다. 밑에서 더 자세히 다뤄볼게요 *들어가기 전에 알아둘 점* 요소(즉 태그)는 inline 요소와 block 요소로 나뉘는데요 inline: 줄 속에 넣는 요소라고 하..
2014. 4. 5.
[html/css] position 속성으로 정렬하기 (static, relative, absolute, fixed 차이)
[html/css] position 속성으로 정렬하기 (static, relative, absolute, fixed 차이) 지난 시간엔 float 속성을 배웠는데요, float는 객체를 오른쪽 또는 왼쪽으로 정렬해서 레이아웃을 배치할 때 유용하다고 했습니다. [css 기초] float 속성에 대하여 오늘 배울 position 역시 레이아웃을 배치하거나, 객체를 위치시킬 때 사용할 수 있는 속성 입니다 *position 속성은 상속되지 않음* position: static position: static은 초기값으로 위치를 지정하지 않을 때와 같습니다 보통 static은 사용할 일이 없지만, 앞에 설정된 position을 무시할 때 사용되기도 합니다. top, bottom, left, right 속성값이 적..
2014. 4. 1.
