위의 두개의 요소는 브라우저에서 동일한 외형을 갖는다. h1이라는 태그의 디폴트 스타일이 두번째 행의 스타일과 동일하기 때문이다. 하지만 이 두 요소는 브라우저에서 큰 차이가 있다.두번째 행의 요소는 의미론적으로 어떤 의미도 가지고 있지 않다.즉, 의도가 명확하지 않다
CSS에서 position 속성은 HTML 문서상에서 요소가 배치되는 방식을 결정한다. 1. positon : static static 은
CSS에서 display 속성은 웹페이지 상에서 엘리먼트들이 어떻게 보여지고 다른 엘리먼트와 어떻게 상호 배치되는지를 결정한다.display 속성이 inline 으로 지정된 엘리먼트는 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치된다.대표적인 인라인 엘리먼트
styled-components : CSS-in-JSscss : CSS-in-CSSJS를 주로 다루는 프론트엔드 개발자들은 CSS 또한 다뤄야하는 역량이 필요하게 되었는데, 이를 통해 기존에는 css파일로 따로 작업했던 것들의 불편함을 느끼게 되면서 CSS-in-JS