<header> tag에서의 styling
341
작성한 질문수 22
안녕하세요, banner를 만드는 강의에서
<header> tag를 사용하는데요,
className="banner"로 Banner.css에서 정의한 styling을 가져오는 것은 이해했는데,
style{{backgroundImage...}} 이부분이 별도로 필요한 이유가 어떤 걸까요?
className과 style 항목이 모두 styling을 할 수 있는 거 같은데 역할이 어떻게 구분되는지 궁급합니다
답변 1
1
안녕하세요!
원래 css는 스타일링을 세 가지 방식으로 할 수 있습니다.
1. 인라인 스타일
2. 내부 스타일 시트 이용
3. 외부 스타일 시트 이용
그래서 얘기해주신 Banner.css가 외부 스타일 시트이며
태그 안에 style 속성을 이용한 <header style={{ }}> 이게 인라인 스타일입니다.
만약에 두 군데에 같은 요소를 위한 스타일이 들어간다면 인라인 스타일이 우선시 되게 됩니다.
감사합니다!
강의 소스 코드 압축 풀기 오류
0
73
1
런타임 에러 ㅠㅠ
0
87
1
강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ
0
104
1
안녕하세요 개발과 상관없는 질문입니다만
0
112
1
리액트 라우터 관련
0
104
1
react-beatiful-dnd에서 문제가 발생합니다.
0
104
1
react19에서는 react-beautiful-dnd가 설치되지 않습니다.
0
817
1
useEffect로 사용을 해도 되나요?
0
201
1
넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.
0
196
1
react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다
0
282
2
리액트 dockderfile 작성 시 COPY 질문
0
149
1
next.js에서부터는 react query 필요없는지
0
320
1
기능
0
198
1
오류가 안보여요
0
197
1
CSS
0
219
1
local storage
0
212
1
list컴포넌트 생성하기
0
224
1
검색어 입력 후 초기화하는 방법 궁금합니다!
0
333
1
Banner.css에 대해서
0
448
1
플러그인이 추천을 안해줍니다
0
323
1
마이너스버튼 테스트
0
279
2
리액트 서버 실행 오류
0
1157
2
오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ
0
298
1
creactStore질문이요
1
285
2