왜 flex-item box3 대신 .box3를 사용하나요?
216
작성한 질문수 7
<div class="container">
<div class="flex-item">1</div>
<div class="flex-item">2</div>
<div class="flex-item box3">3</div>
</div>여기서 3번째 box만 class="flex-item box3" 하고 css 페이지에서 .box3이라고 해도 3번째 박스만 css적용이되는데 왜 이렇게 써야하는지 이해가 가지 않습니다. 왜 flex-item box3{ padding:30px}이라고 하지 않는것인가요? 이런 코드는 또 어떤 경우에 적용할 수 있나요?
답변 1
1
box3{ padding:30px} 처럼, HTML 파일에 스타일 속성을 넣을 경우, 추후 유지 관리하기 쉽지 않습니다. 또한 하나의 웹사이트에 여러 개의 html 파일이 사용되기도 하는데, 그 경우 스타일 속성이 중복될 수 있습니다. 이러한 이유로 스타일 속성을 별도의 CSS 파일로 분리해서 관리하는 것이 일반적입니다.
아주 간단한 웹페이지를 만드는 경우에는 말씀하신 방법대로 사용하셔도 무방합니다.
해당 내용은,
"섹션 8-1 CSS 적용 방식 3가지 " 파트에서 간략하게 소개하고 있습니다.
약 10:00 분 구간에 위에 대한 간략한 내용이 나오니, 섹션 8-1을 참고해 주세요.
그럼 좋은 하루되세요!
푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?
0
12
1
장치 의존성과 CSR
0
22
1
순수 함수 / 순수 컴포넌트
0
14
1
css box-sizing 관련 질문
0
28
2
여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?
0
20
1
node.js 설치 (LTS버전)
0
24
1
Cursor & Antigravity 소개 및 설치
0
30
2
뉴스페이퍼 테마 관련
0
32
1
지우지 말아야할걸 지운상태로 저장해버렸어요....
0
31
1
24번 수업에 나온 창은 무슨 프로그램인가요
0
32
1
Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지
0
26
1
span 태그에 여백이 들어간 것 같은데 왜 그런건가요?
1
53
5
1-2 주가 데이터 수집 (OHLCV) 강의 질문 드려요
0
42
2
뉴스페이퍼 스킨을 꼭 사야하나요? 링크주소도 못찾겠어요
0
43
2
자료실
1
39
2
저는 일단 워드프레스로 블로그를 만들어 보려고
0
27
2
cafe24에서 했다가 fastcomet으로 변경하려 하는데요 문제가 생겼습니다
0
31
2
html / css 기초는 있습니다..
0
50
2
css 적용불가
0
294
1
혹시 html에 html파일 include하는 방법은 없나요?
0
1671
1
예제파일이 모두 빈 파일입니다.
0
308
2
강의자료 다운로드 어디서 하나요?
0
428
2
부트스트랩5 중급, 고급 과정도 개설해 주셨으면 좋겠습니다.
1
448
1
맥북으로 작업이 가능한가요
0
411
2