2020-06-18 CCS 고급과정

블록 태그와 인라인 태그에 대해서 공부했다. 처음에 많이 헷갈렸는데 실습을 해보면서 무슨차이 인지 깨달았다.

 

또, display:block/inline/inline-block 에 차이에 대해서도 이해했다. 

 

display를 이용하면 블록태그를 인라인 태그로 바꿀 수 도있고 인라인 태그를 블록태그로 바꿀 수 도 있다.

 

또 , inline 태그는 크기 조절이 불가능하지만 inline-block을 이요하면 inline속성을 가지면서도 크기 조절이 가능하다.

 

그 다음은 position을 이용해서 원하는 위치에 배치시키는 실습을 해봤다. 

 

fixed와 float가 헷갈린 부분이 있었는데, 실습을 해보면서 차이를 알 수 있었다.

 

그래도 아직 헷갈리는 부분이 존재해서 더 실습을 해봐야할 것 같다.