HYUIT'S STORY
display 본문
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 |