✏️웹개발을 배워보자 /display활용

display	너비	높이	한줄 혼자사용
block	너비를 지정하지 않는 한, 최대한 늘어난다.	높이를 지정하지 않는 한, 최소한으로 줄어든다.	혼자사용(세로로 나열)
inline-block	너비를 지정하지 않는 한, 최소한으로 줄어든다.	높이를 지정하지 않는 한, 최소한으로 줄어든다.	최대한 여럿이 사용(가로로 나열)

div, section, nav, article의 기본 display 속성값은 block 이다.
div, section, nav, article의 기본 width 속성값은 auto 이다.
div, section, nav, article의 기본 height 속성값은 auto 이다.

문제풀이

• div , section , article 태그를 사용해서 3가지 색의 막대 만들기
  

HTML 문제에 명시되어있는 태그생성 후

한줄씩 꽉채운 3가지 막대이기떄문에

각각의 display기본 속성값인 block을 바꿀필요없으니 기재할필요없음.

각각의 색상 부여.

• section(green 색 막대)과 article(blue 색 막대)을 한 줄에 보이게 하기
  
  위 문제와 똑같이 세가지 태그생성 , CSS에서 각각 색상부여,
  section과 article을 한 줄에 보이게 하기위해
  두 태그만 display속성을 inline-block로 바꿔줌