inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기5

안녕하세요! section으로 질문드립니다!

195

윤청아

작성한 질문수 2

0

 

안녕하세요 선생님! section 태그에 따로 클라스를 주어서

백그라운드 이미지를 넣고 그 안에 main-container를 만들어서

불투명한 박스를 만들고 나중에 이너 작업을 해서 텍스트가 들어가도록 하셨는데

혹시 section에 클라스를 따로 부여하지 않고 100% 영역으로 잡은 뒤에

div-inner를 바로 넣고 그 안에 다른 div 태그를 만들어서 배경화면, 불투명 박스, 텍스트

를 넣어줘도 문제가 없을까요?? 아래처럼요!

<section>
   <div class="inner">
      <div class="main"> <!--백그라운드 이미지-->
	<div class="main-container"> <!--불투명 박스-->
	           <div class="title-container">
       	                   <div class="title"></div>
                           <div class="message"></div>
                   </div>
	 </div>
      </div>
   </div>
</section>

es6 HTML/CSS javascript

답변 1

1

잔재미코딩 DaveLee

안녕하세요. 답변도우미입니다.

네 말씀하신대로 작성하셔도 괜찮습니다. 사실 딱 정해진 코드는 없거든요. 구현하고자 하시는대로만 구현이 된다면, 다양하게 구현하는 것 좋습니다. 100명이 동일한 구현을 하면, 100명이 다 다르게 코드를 작성하는 것이 맞거든요. 작성하신 코드도 깔끔하고, section 에 직접 안넣고, 그 안에 일괄적으로 적용을 하는 방식이 좋아보입니다.

감사합니다.

교육기간을 연장할 수 있는지 문의드립니다.

0

54

1

메일 확인부탁드립니다

0

69

1

CodeSandbox Vanilla 질문있습니다

0

70

1

part1을 수강하지 않아도 지장이 없다 하셨는데

0

120

1

강의에 관해 문의 드립니다.

0

106

1

메일확인 부탁드립니다.

0

97

1

14강 - 72,73번 강의 영상이 동일한거 같습니다.

0

118

1

Symbol 관련 테스트 코드 실행 결과 문의

0

153

1

호환성 관련 태그

0

126

1

강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요

0

156

1

강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요

0

154

1

div id="highlighter"가 강의화면에는 없는데 왜 샌드박스파일에는 있는지 궁금해요

0

94

1

강의화면에 height 가 vh가 아닌 vw라고 나와있는데 뭐가맞는거죠

0

129

1

메일 확인 부탁드립니다.

0

155

1

메일 확인 부탁드립니다

0

155

1

특별한 형태의 javascript배열에서

0

146

1

메일 확인부탁드립니다!

0

170

1

codesandbox 업데이트..

0

153

1

pdf 파일에 있는 링크주소로 들어가지지가 않습니다.

0

275

2

강의에서 알려주신 Properties for the flex container 복습 사이트, 검색 발견되어서 공유드립니다~

0

160

1

removeEventlistener 를 왜 해주어야 하는지

0

234

1

100vw 관련 질문

0

349

2

VS CODE html:5 <tab>기능이 안됩니다

0

361

1

[모던웹페이지 만들기9](1:40)class-desc 카드부분관련

0

257

2