[CSS] display! 디스플레이! 디~~스! 플레이!

디이이ㅣ이이이ㅣ즈즈즈ㅡ으으으프르르르르르레에ㅔ에에이이ㅣ이이ㅣㅣㅣ

안녕하세요 웹 프론트 개발자 Dev.Aura  - 현 17세 입니다

꺄르르ㅡ르르륵

검정고시 준비중이라 강좌를 못썻네요

8월 3일 시험입니다 ㅎㅎ....

쨋든 강좌 시작합니다이잉

오늘은 display를 해 볼거에요!

display를 이용하면

이런걸 만들 수 있쬬!

꺄르륵

뭐 여기에는 postion이며 별게 다 들어갑니다. 오늘 이 디스플레이 강좌를 해보고 다음은 이런 드롭다운 메뉴를 만들어 볼거에요 !!

좀 정신이 없죠? 죄송해요 오랜만에 강좌를 싸지르는 중이라..

자 먼저 display의 값들을 모두 봐봅시다.

inline , block , none , inline-block

오늘은 이 display에 사용할 수 있는것들에 대한 설명만 하고 마치겠습니다.

별거없으니까요!

none : 태그를 사라지게 합니다. 

block : div 처럼 블록 지정으로 자동 줄 바꿈과 크기를 지정할 수 있도록 합니다.

inline : span 처럼 줄 바꿈이 되지 않고 크기를 지정할 수 없습니다. 

inline-block : 혼합된 형태로 크기는 지정할 수 있으되 줄 바꿈이 되지 않습니다.