inflearn logo
강의

Khóa học

Chia sẻ kiến thức

[Bootstrap 5] Tạo website nhanh chóng và thông minh | Dành cho người mới bắt đầu sử dụng Bootsrap

Căn chỉnh trục chéo Flexbox (thuộc tính căn chỉnh)

왜 flex-item box3 대신 .box3를 사용하나요?

241

btyg11049556

7 câu hỏi đã được viết

0

<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}이라고 하지 않는것인가요? 이런 코드는 또 어떤 경우에 적용할 수 있나요?

HTML/CSS

Câu trả lời 1

1

codethem

box3{ padding:30px} 처럼, HTML 파일에 스타일 속성을 넣을 경우, 추후 유지 관리하기 쉽지 않습니다. 또한 하나의 웹사이트에 여러 개의 html 파일이 사용되기도 하는데, 그 경우 스타일 속성이 중복될 수 있습니다. 이러한 이유로 스타일 속성을 별도의 CSS 파일로 분리해서 관리하는 것이 일반적입니다.

아주 간단한 웹페이지를 만드는 경우에는 말씀하신 방법대로 사용하셔도 무방합니다.

해당 내용은,

"섹션 8-1 CSS 적용 방식 3가지 " 파트에서 간략하게 소개하고 있습니다.

약 10:00 분 구간에 위에 대한 간략한 내용이 나오니, 섹션 8-1을 참고해 주세요.

그럼 좋은 하루되세요!

모바일 로고 이미지가 날아갔어요...

0

15

2

사주 판매를 위해서, 사업자등록증 업종 추가해야하나요?

0

27

0

연애인 사주는 그냥 넣어도 상관없나요?

0

45

1

14강. 업체 연결이 필요하신 분은 개인톡으로 문의해주세요.

0

45

1

인프당 무당 캐릭터 뽑는 프롬프트

0

56

2

10월 15일 삭제예정 강의 문의

0

44

1

강의가 중복됐어요

0

59

1

결제가 이루어지는 방식에 대한 문의

0

71

1

강의제목에 10/15일 삭제라고 나와있는데,

0

50

1

선생님 강의자료를 받을수 없어요! 메일보냈어요.

0

57

2

1강 동영상 재생 오류

1

72

2

헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?

0

47

1

Composition단계에서 `Layer`는 누가 만드는지

0

49

1

Strict Mode 예시 질문!

0

66

2

해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?

0

68

2

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

1

99

4

설명이 잘못된거같습니다.

1

81

2

31강 학습자료에 프롬프트가 엉뚱한것이 있어요

1

68

1

css 적용불가

0

318

1

혹시 html에 html파일 include하는 방법은 없나요?

0

1697

1

예제파일이 모두 빈 파일입니다.

0

329

2

강의자료 다운로드 어디서 하나요?

0

457

2

부트스트랩5 중급, 고급 과정도 개설해 주셨으면 좋겠습니다.

1

462

1

맥북으로 작업이 가능한가요

0

439

2