선생님 안녕하세요 :)여러 페이지를 만들때 body에 무엇을 할당할경우 영향을 최소화 하기위해(물론 영향은 없을것같습니다만.. ㅠㅠ) container에 show-scene-0같은 아이디를 줘도 괜찮을까요?

django 공부 중인 학생입니다. 웹사이트 로그인 예제를 다음과 같이 다른 디자인으로 바꾸고 싶은데 어려움을 느껴 질문 올립니다.         <div class="form-group row">             {{ form.username|add_label_class:"col-form-label col-sm-2 ml-3 font-weight-bold" }}             <div class="col-sm-5">                 {{ form.username|add_class:"form-control"|attr:"autofocus" }}             </div>         </div>         <div class="form-group row">             {{ form.password|add_label_class:"col-form-label col-sm-2 ml-3 font-weight-bold" }}             <div class="col-sm-5">                 {{ form.password|add_class:"form-control" }}             </div>         </div>         <!-- Email -->         <input type="text" id="defaultLoginFormEmail" class="form-control mb-4" placeholder="E-mail">         <!-- Password -->         <input type="password" id="defaultLoginFormPassword" class="form-control mb-4" placeholder="Password"> 위에 디자인을 아래 디자인으로 바꾸고 싶습니다. widget_tweaks 사용하고 있습니다. 감사합니다.

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. INDEX에서는 CSS가 적용이 됬었는데 FORM에서는 CSS가 적용이 안되요ㅠㅠ 다 똑같이 했는데 왜 적용이 계속 안될까요? 인터넷에서 쿠키 삭제하면 된다그래서 쿠키삭제도 했는데 계속 적용이 안됩니다....

Javascript 적용하기 과정에서 App.css를 모두 날리고  아래와 같이 App.css를 수정하였습니다. [App.css 코드] html, body, #root, #root > div {   height: 100%; } 그런데 브라우져 화면에서 보면 height 100%가 적용되어 있지 않은 것 같은 화면으로 확인 되고 있습니다. [화면 이미지] 위와 같이 height가 적용되지 않은 것 과 같은 모습으로 보입니다. 개발자 도구에서 height 적용을 확인 해 보면 모두 100%로 되어 있습니다. [html 100% height] [body 에서 height 100%로 설정된 이미지] [root와 첫 번재 div에 height 적용된 이미지] 어디가 잘못 되었는지 가르쳐 주시면 감사하겠습니다. 혹시 몰라서 index.js, App.js, App.css 코드를 아래에 적어놓겠습니다. [index.js] import "./index.css"; function MainPage() {   return (     <div>       <div id="header">         <div id="header-area">           <img src="images/icons/logo.png" />         </div>       </div>       <div id="body">         <div id="banner">           <img src="images/banners/banner1.png" />         </div>         <h1>판매되는 상품들</h1>         <div id="product-list"></div>       </div>       <div id="footer"></div>     </div>   ); } export default MainPage; [App.js] import "./App.css"; import MainPageComponent from "./main/index.js"; import "./index.css"; //index.css는 export 객체가 없다 그래서 그냥 ./index.css를 하면 된다 function App() {   return (     <div>       <MainPageComponent></MainPageComponent>     </div>   ); } export default App; [App.css] html, body, #root, #root > div {   height: 100%; } 감사합니다.

안녕하세요 html과 css를 시작한지 얼마 안되 왕초보입니다. 동영상 강의를 들으면서 따라하는 중인데 css에서 png파일이 적용이 안돼서 질문 남깁니다ㅜ 이 png 파일이 스프라이트 형식으로 되어있어서 이미지가 여러 개 있는데 처음 로고에 적용할 때는 투명 배경이 적용돼서 잘 적용했습니다. 두 번째에 같은 이미지의 다른 부분(검색 아이콘)을 넣으려고 했더니 같은 png파일임에도 불구하고 회색 배경?이 같이 들어가더라고요ㅠㅠ 여기서부터 강의를 못듣고 있습니다. 혹시 문제를 아시는 분 답변 부탁드립니다ㅠㅠㅠ

검은색 줄이 쳐져 있는 모습을 보면 알 수 있듯이 공유하기 버튼과 훈련하기 go go 버튼의 높이가 차이가 납니다. 제 오류인가 싶어 fianl 코드로 실행을 해보아도 똑같았습니다. <div class=share> 부분에만 따로 덜 넣거나 더 넣은 것도 아니고 같은 buttons 의 css를 따르고 다른 것은 배경화면의 색과 왼쪽의 마진을 넣은 것 뿐입니다. 제 컴퓨터의 에러로 이런 것인가요? 아니면 따로 해결방법이 있을까요?

보시는것 처럼 작게 화면을 했을때 왼쪽에만 여백이 있습니다. 3번정도 영상 돌려보면서 제가 잘못쓴게 있을까 봤는데도 없고.. 해결이 안되네요ㅠㅠ  그리고 아래 메인,서브,텍스트가 보이질 않는데 해결방법을 몰라 애만 타네요ㅠㅠ +추가로 사진 대신 유튜브 링크를 올리고 싶은데 방법이 있을까요? 구글링을 하고 싶은데 어떻게 검색을 해야할지 막막합니다ㅠㅠ

프로젝트에서 주로 글로벌하게 css를 사용하고 있는데  scoped하게 사용하거나 둘을 적절하게 사용하는게 더 좋은가? 라는 생각을 하고 있는데 어떤것이 더 나은지 모르겠고 둘을 섞어 쓴다면 그 기준을 잘 정하지 못하겠는데 어떻게 하는것이 좋다고 생각하시는지 궁금합니다.

먼저 훌륭한 강의를 공급해주셔서 감사합니다. 강의자 영상에서는 Template 코드 작성 시 HTML 인라인 스타일을 작성할 때 CSS 스타일 제안 및 자동완성이 지원되는 모습을 볼 수 있는데 제 개발환경(PyCharm Comm.)에서는 Suggestion이 발생하지 않습니다. 해당 옵션을 어떻게 활성화하는지 문의드립니다.

안녕하세요, 잔재미코딩님! 강의 너무 재미있게 잘 듣고 있습니다~ CSS 파트에 Selector 부분을 공부하고 있는데요~ 구조 가상 클래스 셀렉터의 개념과 작동원리는 잘 이해가 가지만, 이 셀렉터들이 보통 어떤 용도로 많이 사용되는 지 궁금합니다! 실제 사이트에서 어떻게 적용되고 있는지 좋은 예시를 알려주실 수 있을까요? 감사합니다!