HYUIT'S STORY

display 본문

STUDY/html + css

display

HYUIT 2017. 12. 23. 20:29

Display :표시하다(기본값이inline)
 <inline>
⁃ text와 동급이라고 생각하면 쉬움.
⁃ 택스트의 양만큼 자동으로 너비와, 높이가 설정됨.
⁃ Width, height 자체가 명시될 수 없음.
⁃ Margin 은 양옆에는 지원이 가능하지만 ‘상하’는’불가능’
⁃ Padding 은 좌우가 먹고 상하 먹긴하지만 보기에는 변화가 없음.
(border나 background처리 했을 시에만 티가남을 확인할 수 있음)

<Display:block 을 하면>
⁃ 박스의 개념으로 보아서 Margin, padding 이 먹게됨. - div와 동급으로 보게됨.
⁃ 줄의 개념이지 박스의 개념이 아님.
⁃ *display:none 실제로는 있지만 보여지지 않음.

<Img는 속성>
⁃ iline이지만 inline-block으로취급
⁃ 너비 높이 개념이 존재.

* Div : 한 줄에 한 요소만 넣을 수 있음!
* Computed : 이미 계산이 끝난값.


#웹디자인


'STUDY > html + css' 카테고리의 다른 글

figure과 figcaption  (0) 2017.12.24
태그  (0) 2017.12.24
사이트에 알맞은 이미지 선택  (0) 2017.12.23
제이쿼리 마우스 오버시 글자뒤에 배경색 주기  (0) 2017.12.01
utf-8 변환하기  (0) 2017.11.30