Bonnie의 CSS에서 이건 꼭 알아야해 시리즈 💫

상속은 CSS가 가진 가장 기본적이고도 중요한 특성이다.말 그대로 부모요소에 적용된 스타일은 상속되어 자식에게도 적용된다는 의미.(내얘기 : 알고는 있지만 CSS 작업시 실수를 많이 한 부분. 부모요소에 준 속성을 간과하고 자식요소에 준 속성이 적용안돼! 하며 삽질함.

속성 한 줄로

block 블록 요소는 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 요소 (기본값)해당 요소의 너비가 100%를 차지하기 때문에 왼쪽, 오른쪽에 다른 요소가 올 수 없다.너비나 마진, 패딩 등을 이용해 크기나 위치를 지정할 때 블록 레벨이여야 한다.대표적인

position 속성웹 문서 안의 요소를 원하는 위치에 배치할 때 사용하는 속성 중 하나.position속성 중 static을 제외한 나머지 속성 값에서는 좌표를 이용해 각 요소의 위치를 조절 할 수 있다.위치는 속성 top, bottom, left, right를 사용

float - 왼쪽 또는 오른쪽으로 배치하기 (with clear 속성)몇 번의 미니 프로젝트를 만들어보면서 float를 사용한 적은 단 한 번도 없었다.😳왜냐하면 float보다 더 수월하게 스타일을 적용시킬 수 있는 flex 속성이 있기 때문이다.하지만 언젠간 마주