Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- Prototype
- 전염병
- 인턴쉽
- 프로젝트
- Vue
- 프론트엔드취준생
- 프론트엔드
- 스터디
- 웹개발자
- 프리온보딩
- 원티드
- 초보개발자
- IT
- react
- node.js
- 컴포넌트
- Javascript
- 웹개발
- 컨테이젼
- Developer
- dev-maching
- Strict Mode
- 프로그래머스
- 코로나19
- 자바스크립트
- 개발자
- 리액트
- express
- 개발자일기
- 일기
Archives
- Today
- Total
목록Programming/HTML,CSS (1)
프로그래밍밍

display div와 span을 이용해서 display에 대해서 설명하고싶다. 우선 div는 내용이 없어도 css를 통해 높이와 넓이값을 주게 되면 화면에 출력이 된다. 하지만 span은 높이와 넓이값을 주더라도 안에 내용이 없으면 출력이 되질 않는다. 내용이 들어있어도 넓이와 높이값에 영향을 받지 않는다. 왜냐? 바로 태그의 디폴트 display값이 다르기 때문이다. div의 display값은 block이다. span의 display값은 inline이다. block은 한줄에 1개씩 나타내고 inline&inline-block은 한줄에 여러개의 태그를 나타낸다. 하지만 inline은 태그 안의 내용에 비례해서 크기가 변경되고 inline-block은 block의 특징을 가지고 있지만 한줄에 여러개씩 나..
Programming/HTML,CSS
2020. 5. 26. 00:53