생활코딩

Coding Everybody

코스 전체목록

닫기

수업을 마치며

 

 

 

Long take 버전

코딩장면만을 담은 버전의 영상입니다. 복습할 때 도움이 되면 좋겠습니다. 좋아하는 음악 틀어놓고 배속으로 보시면 덜 지루합니다.  

 

 

 

 

지식지도

관련된 지식의 지도입니다. 지도를 참고해서 스스로 학습 경로를 탐험해보세요.

 

 

 

수업소식

아래 채널에 구독하시면 새로운 온/오프라인 수업이 있을 때 알려드립니다. 

 
 
 

댓글

댓글 본문
작성자
비밀번호
  1. 융융
    감사합니다! 너무 서두르지 않고 차근차근 소화해나가겠습니다!
  2. 근주
    20200116완료!
  3. D3NIM
    참 감사합니다..이제 곧 회사를 그만두게 되는 시점에서 이고잉님 영상을 본게 정말 큰행운이고 타이밍이었습니다앞으로도 열심히 해볼게요!
  4. pingu917
    20200110 완료 ~!
  5. 오오우우얍
    끝!
  6. 과거의 나
    감사합니다. 짧다고도 할 수 있는 강의 시간동안 인생에서 몇 안되는 기분좋은 배움을 느낄 수 있었습니다.
  7. 서혜민
    완료
  8. Heisenberg
    20200108 완료
  9. greenday
    20200107 완료
  10. 가자 웹으로~
    좋아요!!!
  11. leohanul@naver.com
    2020.1.4. 완료
  12. 샬롬
    완료
  13. Eileen
    2019.12.29 완료
  14. 암말
    2019.12.29 완료
    질좋은 강의 무료로 풀어주셔서 정말 감사합니다~
  15. 김태완
    2019.12.21 css 완료
  16. 딥허브
    2019.12.20
  17. 20191218
  18. 홍주호
    20191211 완료
  19. 이상민
    11-28완료
  20. 리진
    완료
  21. 이승연
    완료
  22. 완료
  23. 굼벵이
    완료
  24. Html 부터 css 까지 너무나도 질 좋은 수업 감사드립니다.
    수업을 듣고 혼자 해볼 때 어처구니 없는 실수로 한시간 넘게 머리를 싸매다가도 결국 해결해 낸 경험이 앞으로 큰 도움이 될 것 이라 믿습니다.
  25. yooung
    좋은 수업 감사합니다. 덕분에 html과 css의 기초를 다질 수 있었습니다 :)
  26. 미옹이
    다들 고생하셨어요.
  27. 육포
    20191016
  28. 초보코딩
    2019.10.11 CSS 끝!
  29. 20191010
    ---------------
    감사합니다~~!
  30. 흥성무
    20191006 01:00 흥성무 완료!
  31. 잘 봤습니다 ㅎㅎ
  32. 피크닉
    고맙습니다~
  33. 코딩만이 살길이다
    2019/09/30 완료
  34. 감자
    CSS 강의 완료!
  35. 몽글몽글솜사탕
    감사합니다
  36. 성규니
    완료
  37. 다에
    완료
  38. 7273322@naver.com
    완료
  39. 효진
    완료
  40. 박창신
    완료! 좋은 수업 감사합니다.
  41. 완료
  42. 피닭씨
    완료!
  43. 정완료
    완료
  44. 현우
    css 완료!
  45. 쑤우
    감사합니다~^^
  46. 정은진
    완료!
  47. 두벅
    OM님께 답변.
    제 뇌피셜인데요.

    #grid #article{ }
    #article{ }

    여기서 CSS는 '상위'의 id/class/tag 를 우선순위로 인식한다고 생각해봤습니다.
    HTML문서 상에서 id="grid"인 태그의 안에 id="article"인 태그가 들어 있어 #grid가 #article보다 상위입니다.
    따라서 padding-left와 같은 하나의 속성이 #grid #article{ } 와 #article{ } 두 선택자에 모두 들어 있는 경우에는
    #grid #article { }의 손을 들어주는 게 아닐까..

    그리고 padding은 하나의 속성같지만 사실 padding-left right top bottom 네 가지의 총합입니다.
    따라서 아래 예시에서
    #grid #article{ padding-left:20px; }
    #article{padding:50px; }
    #grid #article의 적용을 먼저 받아 padding-left는 20px가 되지만 나머지 padding-right top bottom은 #article의 적용을 받아 50px가 되는 것입니다.
    #grid #article{ padding:50px; }
    #article{padding-left:20px; }
    이렇게 반대로 하면 #grid #article의 적용을 먼저 받아 padding-left right top bottom 모두 50px가 되어버려 #article의 padding-left:20px는 적용되지도 못합니다.

    그리고 하나의 선택자 내에서 padding과 padding-left를 동시에 적으면
    #grid{padding:50px; padding-left:20px;}
    이건 사실 확인은 안 해봤습니다만 위에 설명한 것과는 다른 이야기인 것만은 분명한 것 같습니다. 분명 두 속성 사이에 충돌이 생겨 한쪽의 손을 들어주겠죠.
    대화보기
    • 밍트
      완료
    • JT_brand
      완료
    • 윤민석
      완료
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기