일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- HTML
- 아이패드프로10.5
- 휴잇
- 코딩
- 코딩용어정리
- 글귀
- 독서
- 캘리
- 그림
- 공감글
- 추천도서
- 책추천
- 캘리그라피
- 휴잇캘리
- Drawing
- 웹디자이너
- Calligraphy
- ipadpro10.5
- 책
- 드로잉
- procreate
- 명언
- 포토샵
- 베스트셀러
- 좋은글
- 웹배너
- 이기주
- 포트폴리오
- 언어의온도
- 웹디자인
Archives
- Today
- Total
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 |