WEB2 - CSS

박스모델

CSS box model 소개

강의

 

 

소스코드 

변경사항

 

 

 

박스 모델을 써먹기

강의

 

 

소스코드 

변경사항

 

댓글

댓글 본문
  1. 훼리
    2020/10/31 "조사"를 활용하자!
  2. jihodude
  3. 매일
    block-level element
    inline element
  4. 라미
    201015
  5. Patrick
    좋은 강의 너무 감사합니다!!!
  6. 괴수용갈
    body {
    margin : 0;
    }
    위의 코드를 했을 때, ol의 padding값이 충분히 넓지 않으면 list 번호가 사라짐

    예제에서는 1.html 2.css 3. java script 로 보이지만 이것은

    ol{
    padding : 20px;
    }

    이라서 가능했던 것. 10px이면 숫자 사라짐.
  7. 몰댕
    2010.07 완
  8. 바부대지
    2020.10.05 22:54
  9. 문성석
    2020. 10.2 완료
  10. 여니여니
    200928 시청완료.
  11. 허태민
    20.09.24
  12. 2020.09.22 [16:32]
  13. 알파카파카
    2020/09/19
  14. 김승현
    css_1.효과 2.선택자
    우선순위 tag<class<id
    css selector 구글 검색해서 활용

    h1 태그(=element)는 화면전체를 사용_display:block level element가 기본값
    a 태그는 자신의 크기만큼 사용_display:inline element가 기본값

    선택자 h1, a{ border:5px red solid}
    border:5px red solid => border의 width, color, style border의 중복사용 없이 동시에 적용

    박스모델: 디자인에서 핵심요소_css box model_border, padding, margin, width, height
    inspect하여 박스모델 확인가능
  15. 여름꽃
    최고예요 ,,! 2020/09/17
  16. cgoing
    cgoing / 200914
  17. 지은
    2020.09.13 완료
  18. it'syoojong
    1주일 전에 보고 했었는데, 기억이 안나 다시 와서 복습했습니다 ㅜㅜ
  19. wndals20
    20.09.11
  20. 규빠
    20200907 복습
  21. it'syoojong
    완료!!!
  22. 허우룩
    2020.09.02
  23. Benjamin Hyungjin Oh
    2020.09.01 완료
    - 인라인/블록레벨은 기본값일뿐, display로 변경할 수 있다.
    - 조사라는 도구를 사용하면, 어떤 CSS가 어떤 부분에 사용됐는지 파악할 수 있다.
    즉, 사람이 혼자하는 것이 아니다. 사람과 기계가 같이 하는 것이다.
    -마진, 보더, 패딩을 이용하면 디자인 적으로 접근할 수 있다.
  24. 난지단지
    완료!
  25. 완료
  26. 어려워지네!!요..ㅠㅠ 완료
  27. 규빠
    20200820 얍,어서와라
  28. 2020.08.17 done!
  29. andrew070124
    와..ㄷㄷ
  30. 하늘콩땅콩
    2주만에 오니 다시 어려워졌네요 ㅎㅎ 그래도 다 따라했습니다!
  31. 씽푸미니
    2020.08.09 완료
  32. banaba
    8/7 완료!
  33. 주말농장주인
    2020.08.06 완료
  34. 장정민
    즐코즐코
  35. Jay1025
    2020.08.03. 완료
  36. 조아라
    2020.08.02
  37. 2020.08.02.
  38. 이요르
    2020/7/30
  39. 라피네
    박스모델 최고!
  40. 이뿐이
    완료
  41. 김성곤
    20200709
  42. 뽀짝이
    완료
  43. chapter5447
    완료하였습니다
  44. 우왕왕달려
    20.07.08 너무 재밌다..
  45. seungsang
    2020-07-06
  46. dongmi95
    20.07.04완료
  47. 20200702
  48. 오씅
    20200710 1번
  49. 200701
  50. 200626
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기