인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

kwangjin12님의 프로필 이미지
kwangjin12

작성한 질문수

따라하며 배우는 리액트 A-Z[19버전 반영]

이미지 배너 생성하기

<header> tag에서의 styling

작성

·

328

0

안녕하세요, banner를 만드는 강의에서

<header> tag를 사용하는데요,

className="banner"로 Banner.css에서 정의한 styling을 가져오는 것은 이해했는데,

style{{backgroundImage...}} 이부분이 별도로 필요한 이유가 어떤 걸까요?

className과 style 항목이 모두 styling을 할 수 있는 거 같은데 역할이 어떻게 구분되는지 궁급합니다

답변 1

1

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요!

원래 css는 스타일링을 세 가지 방식으로 할 수 있습니다.

1. 인라인 스타일

2. 내부 스타일 시트 이용

3. 외부 스타일 시트 이용

그래서 얘기해주신 Banner.css가 외부 스타일 시트이며

태그 안에 style 속성을 이용한 <header style={{ }}> 이게 인라인 스타일입니다.

만약에 두 군데에 같은 요소를 위한 스타일이 들어간다면 인라인 스타일이 우선시 되게 됩니다.

감사합니다!

kwangjin12님의 프로필 이미지
kwangjin12

작성한 질문수

질문하기