작성
·
328
0
안녕하세요, banner를 만드는 강의에서
<header> tag를 사용하는데요,
className="banner"로 Banner.css에서 정의한 styling을 가져오는 것은 이해했는데,
style{{backgroundImage...}} 이부분이 별도로 필요한 이유가 어떤 걸까요?
className과 style 항목이 모두 styling을 할 수 있는 거 같은데 역할이 어떻게 구분되는지 궁급합니다
답변 1
1
안녕하세요!
원래 css는 스타일링을 세 가지 방식으로 할 수 있습니다.
1. 인라인 스타일
2. 내부 스타일 시트 이용
3. 외부 스타일 시트 이용
그래서 얘기해주신 Banner.css가 외부 스타일 시트이며
태그 안에 style 속성을 이용한 <header style={{ }}> 이게 인라인 스타일입니다.
만약에 두 군데에 같은 요소를 위한 스타일이 들어간다면 인라인 스타일이 우선시 되게 됩니다.
감사합니다!