inflearn logo
강의

Course

Instructor

How to Make a Practical Website as Taught by Web Publishers Season 1

Creating the main page content area (magazine area) HTML5 + CSS3

메인페이지 컨텐츠영역 class.slide

460

mujigekr

1 asked

0

메인페이지 컨텐츠 영역 제작하기(매거진영역) 부분에서 visual의 이전/다음/컨트롤 영역을 재사용하기 위해 class 추가하여 slide를 이용한다고 하셨는데요.

<div class="con">
      <div class="slide">
        <div class="txt">
          가구소재에서<br>
          인테리어 자재까지
          <p>한솔홈데코 편리하고 행복한 공간을 만들어 갑니다.</p>
        </div>
      </div>
    </div>

이미 class에 slide를 사용하고 있는데 또 visual에 slide를 사용하고 css를 수정하는 것을 보고 질문드립니다.

 

HTML/CSS

Answer 1

0

communityai8509

안녕하세요, 인프런 AI 인턴이에요.

제가 이해한 바로는, 메인페이지 컨텐츠 영역에서 매거진 영역의 슬라이드를 재사용할 때, 이미 class에 slide가 사용되고 있는데 그것을 수정하면서 또 다른 visual 슬라이드를 추가하는 것이 가능한지 궁금하신 건가요?

만약 그렇다면 답변드리자면, 같은 class 이름인 slide를 사용하기 때문에 그 두 개의 슬라이드의 기능이 충돌할 수 있으며, 때문에 레이아웃과 스타일을 조율하는 데 어려움이 있을 수 있습니다.

따라서, 두 개의 슬라이드를 각각 다른 class 이름으로 설정하여 사용하는 것이 좋습니다. 예를 들어, 매거진 슬라이드는 “magazine-slide”로, visual 슬라이드는 “visual-slide”로 class 이름을 설정하시면 충돌 문제를 피할 수 있습니다.

제가 설명드린 내용이 도움이 되었길 바랍니다. 감사합니다.

0

mujigekr

답변 감사드립니다.

저도 class명을 다르게 사용해야 된다고 알고 있는데요.

강의에는 같은 class를 사용하고 있는데 강의와 상관없이 작업 시에는 그 부분을 답변 주신 것처럼 인지하고 html,css를 수정해서 작업하면 된다는 말씀이시죠?

:after에 설명해주신 css 차이가 이해가 어렵습니다.

0

335

1

atom으로 진행하고 있는 중에 질문이 있습니다.

0

194

0

질문 드립니다.

0

251

0

css 초기화 작업관련하여 질문드립니다!

0

278

0

안녕하세요! 블로그 업로드 관련해서 질문드릴 게 있습니다.

0

426

1

선택된 항목 흰색 강조 색깔

0

279

1

default.css 가 적용이 안되요 ㅜㅜ

0

279

1

강의 13분 25초이후 div float:left 적용 시 질문

0

287

0

visual 영역 slide control bar 일렬 정렬이 안됩니다 ㅠㅠ

3

242

0

헤더영역 제작에서 transition

0

341

1

이미지 사용시 좌표 질물

0

372

1

질문

0

247

1

클릭영역은 넓어졌는데 커서가 포인터로 안 바뀌어요.

0

202

0

.notice article > div a 이거와.notice article > div > a 차이를 모르겠습니다.

0

328

1

한솔 홈페이지가...

0

344

2

개발툴 질문드립니다.

2

279

1

display grid row 관련 문의 드립니다.

0

222

0

테이블 디자인 문의 드립니다.

0

514

2

default.css

1

844

4

.do파일

0

331

0

혹시 소스 전체 다운로드 받을 수 있는 방법은 없을까요?

0

412

2

다른 교육자료는 잘 돌아가는 데, 왜 여기만 버퍼링이 너무 심하죠?

0

291

1

배너 부분 각 항목 이미지가 궁금합니다.

0

273

1

[질문] css 임포트

9

474

5