왜 flex-item box3 대신 .box3를 사용하나요?
197
7 asked
<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}이라고 하지 않는것인가요? 이런 코드는 또 어떤 경우에 적용할 수 있나요?
Answer 1
1
box3{ padding:30px} 처럼, HTML 파일에 스타일 속성을 넣을 경우, 추후 유지 관리하기 쉽지 않습니다. 또한 하나의 웹사이트에 여러 개의 html 파일이 사용되기도 하는데, 그 경우 스타일 속성이 중복될 수 있습니다. 이러한 이유로 스타일 속성을 별도의 CSS 파일로 분리해서 관리하는 것이 일반적입니다.
아주 간단한 웹페이지를 만드는 경우에는 말씀하신 방법대로 사용하셔도 무방합니다.
해당 내용은,
"섹션 8-1 CSS 적용 방식 3가지 " 파트에서 간략하게 소개하고 있습니다.
약 10:00 분 구간에 위에 대한 간략한 내용이 나오니, 섹션 8-1을 참고해 주세요.
그럼 좋은 하루되세요!
수업자료 문의
0
7
1
part3. spy 쪽 / part3,part4 강의자료
0
33
2
최종 코드
0
40
2
Open AI 결제
0
40
2
figma 파일을 받을 수가 없어요
0
48
1
다운로드 연결이 되지 않을 때는 어떻게 해야할까요?
0
37
1
Visual Studio Code 대신 Pycharm 써도 되나요?
0
42
2
커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?
0
57
1
구글 서치콘솔 도메인 소유권 확인 실패
0
40
2
antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?
0
59
1
다음 강의 얼른 올려주세요
0
44
2
일반 강의와 차이점?
1
53
1
중요하진 않지만 설명하신부분에서 안된부분..
1
37
1
안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?
0
66
2
stopPropagation()에 대해서 질문 있습니다.
0
50
2
뉴스페이퍼 싱글템플릿 모바일 화면 디자인 질문
0
41
2
노션에 20.Contact가 없어요
0
47
2
검색엔진 차단 noindex
0
51
2
css 적용불가
0
279
1
혹시 html에 html파일 include하는 방법은 없나요?
0
1647
1
예제파일이 모두 빈 파일입니다.
0
288
2
강의자료 다운로드 어디서 하나요?
0
410
2
부트스트랩5 중급, 고급 과정도 개설해 주셨으면 좋겠습니다.
1
440
1
맥북으로 작업이 가능한가요
0
392
2