CSS float 심화2(학습 23일차 TIL)

210709 오늘은 지금까지 배운 내용들을 바탕으로하여 float을 이용한 연습용 웹페이지 2가지를 마크업 했다.

CSS tips

• CSS파일에서 다른 CSS를 불러올 때 @import url(reset.css);를 해준다.
  (But, 엣지브라우저에서 import 방식은 스타일이 적용되지 않는 문제가 있고 페이지 로딩 속도가 느림.)
  참고: https://www.biew.co.kr/entry/%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C%EC%86%8C%ED%94%84%ED%8A%B8MS-%EC%97%A3%EC%A7%80Edge-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-CSS-import-%EB%B2%84%EA%B7%B8
• 재사용 가능한 기능적으로 독립적인 페이지 컴포넌트(A functionally independent page component that can be reused)을 블럭이라고 부른다.
• p엘리먼트가 2개 이상 있고, 왼쪽 or 오른쪽에 이미지를 background로 줘야할 때 div로 감싸서 div에 background로 CSS를 작성한다.