WEB2 - CSS

박스모델

CSS box model 소개

강의

 

 

소스코드 

변경사항

 

 

 

박스 모델을 써먹기

강의

 

 

소스코드 

변경사항

 

댓글

댓글 본문
  1. 혹등고래
    완료
  2. 태현
    4/4
    감사합니다
  3. Mongsil
    2020.04.01완료 감사 합니다~~~
  4. 둥치둥치아재
    저는 왜 CSS 코드 내의 글자들 색은 다 똑같은 흰색일까요ㅠㅠ
  5. 가다파하
    완료
  6. asdzxc1822@naver.com
    완료
  7. lovejun
    완료
  8. 서울꺼벙천사
    정말 신기하네요
    다른 책이나
    다른 Site에서 이해되지 않던 부분이
    한 번에 해결되네요
  9. newding
    마지막 body tag에도 margin이 있다는 것은 생각도 못했습니다 ㅎㅎㅎ

    대충 알고 있었던 html/css라 그냥 안할까 생각했는데

    너무 무지했었네요 ㅋㅋㅋ

    좋은 강의 감사드립니다.
  10. MINTO
    h1 tag는 화면전체를 사용하고 링크는 딱 자기 컨텐트 만큼만 쓴다.
    >> html의 모든 태그들의 크기는 모두 다르다.
    >>화면전체를 쓰는 tag는 block
    >> 자기의 부피만큼은 inline
    but 언제든지 바꿀수 있다!!

    - 검사의 기능을 사용하지 않으면 하나의 tag가 어떠한 css의 영향을 받는지 발견하기가 굉장히 곤란해진다.
    >>> border 와 inline 과 padding margin width height 를 알아두기!!

    3. 18일 완료!!
  11. OneJae EE
    20.03.15 일 / 37세 비전공자 / 완료
  12. 송우영
    완료!!
  13. 리리루루
    릴리 완료!
  14. Horang
    호오..으으으
  15. 고순조왁굳;
    hr 태그를 이용해서 선을 긋는것과
    border 를 이용해서 선을 긋는것은 어떤 차이가 있을까요..?

    hr은 html 태그여서 디자인과는 무관하게 정보를 구분하는데 쓰이고
    border는 디자인 만을 위해서 쓰이는 느낌인건가요?
  16. 짱아찌
    완료
  17. 짱아찌
    박스모델소개 완료
    박스모델써먹기 진행안함 미완료
  18. 화면 전체를 쓰는 태그(block level element)
    자기 크기만큼을 갖는 태그(inline level element)

    padding(border 안쪽 여백) - border - margin(border 바깥쪽 여백)
  19. 코딩하쟈
    완료
  20. eddylee123456
    완료
  21. 완료
  22. 규몽
    완료
  23. 감사합니다. 완료
  24. Yoomi Jun
    재밌어요!
  25. 정말 유익합니다. 감사합니다.!!
  26. 뉴빈
    재밌네요! width
  27. 서동윤
    2월2일 완료
  28. 장폴
    완료
  29. thsths
    완료
  30. Ram Lee
    여기까지
  31. 이민수
    완료
  32. zsezse1003
    오늘은 여기까지
  33. dofvmrhwk
    2019 / 1/ 20 완료
  34. 스티븐잡숴
    완료
  35. 메메
    박스모델: html 태그 하나하나를 일종의 박스로 취급해서 부피감을 결정
    화면 전체를 쓰는 태그(block level element)→<h1>
    자기 크기만큼을 갖는 태그(inline level element)→<a>

    contents, padding(border 안쪽 여백), border, margin(border 바깥 여백)
  36. 춤추는선인장
    완료!
  37. 완료!
  38. 오오우우얍
    다음
  39. 완료
  40. 서혜민
    완료
  41. 샬롬
    완료
  42. csrcomp21
    완료!!
  43. 레오
    저는 영상처럼 요소 볼때 하단에 코드에 커서를 갖다대면 웹 상에서 그림으로 마진이나 패딩 부분이 나오지 않는데 왜그런건가요?
  44. 레오
    2020.1.2. 완료했습니다. 점점 어려워지네요
  45. 배추핫도그
    이제 앞으로는 영상만 있고 글은 없는 건가요..?ㅠㅜ
  46. Eileen
    2019.12.29
  47. Eileen
    2019.12.29
  48. Maxine
    2019.12.23
  49. 민스티티아
    완료!
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기