생활코딩

Coding Everybody

코스 전체목록

닫기

박스모델

댓글

댓글 본문
  1. choi
    완료
  2. 패딩 마진 헷갈렸는데 이제 구분이 되네용!
  3. Minint
    2021.03.19
  4. 스마일가이
    2021.01.26 완료 감사합니다
  5. Eunkeong Park
    오늘도 감사합니다!
  6. datsciseol
    20210116
  7. 티치
    2020.12.29
  8. 201214
  9. milati
    201202 술안주로 빗대서 설명해주시는 거 진짜 웃겨요 ㅋㅋㅋㅋ 감사합니다!
  10. 켄드릭
    2020년 11월 03일(화) 15:59 1차 수강완료
  11. 박병진
    박스모델이 중요한것이라는것을 명심하겠습니다. 2020.10.04 완료
  12. 콜라
    20200927 완료
  13. 김성곤
    20200719 감사합니다!
  14. jaehyunlee
    완료
  15. 한강
    테두리 border 겨울에 입는 padding 장사는 margin
    width, height 는 inline에 적용안됨.
    오늘도 감사합니다. ^^! 200603
  16. green diseny
    ㅋㅋㅋ 술안주로 비유한거 재미있네요!
  17. 리코더
    완료
  18. 술안주 패딩ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
  19. laqah
    그래서 게임도 접시였나...
  20. 무지개반사
    완료
  21. opper
    2020. 1. 6 수업완료
  22. Blanc
    2020.01.05
  23. gogossing
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    </head>
    <style>
    p, a {
    border:10px solid red;
    padding:20px;
    margin:40px;
    width:100px;
    }
    </style>
    </head>
    <body>
    <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing
    elit. Animi, sit?
    </p>
    <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing
    elit. Animi, sit?
    </p>
    안녕하세요.<a href="hppts://a.com">생활코딩</a>입니다.
    </body>
    </html>
    <body>
    </body>
    </html>
  24. jinxiong
    clear~
  25. Grigo
    완료
  26. alpha
    191002 수강완료
  27. 태태
    수강완료! 인라인에는.. width 와 height이 적용되지 않는다 ...
  28. 치디우기
    수강완료 - 2019/8/29
  29. 류석현
    수강완료
  30. 이성현
    CSS3을 초보들에게 너무 유익한 수업내용 입니다 감사합니다
  31. FIRE
    20190729 완료
  32. 다나가
    190723 - 수업완료!!
  33. chaposaaa@gmail.com
    마지막 이야기 재밌어요 ㅋㅋㅋㅋ
  34. 김주엽
    수업완료
  35. 완료 감사합니다
  36. 노혜주
    완료
  37. lygon
    2019-03-02 완료
  38. jello
    박스 모델(box model)
    각 태그들이 웹 페이지에 표현될 때
    사각형의 형태(box)로 그 태그의 부피감을 결정한다

    박스모델 관련 속성들
    width, height, margin, padding, display, border ...

    - margin : 태그와 태그 사이의 여백.
    - padding : 태그와 내부 컨텐츠 사이의 여백
    border: width style color; 순서로 값 지정
    * inline element는 width, height 값이 무시된다.
  39. 김진욱
    완료!
  40. 김도윤
    중간 중간 드립에 공중제비 돌았습니다.
  41. 숨이
    완료했습니당
  42. 김민영
    완료
  43. 쏘르
    하하하 too
  44. 하하하
    비트박스
  45. Meflow
    정말 감사합니다
  46. SlowStarter
    감사합니다!
  47. 스페이스몽키
    감사합니다. 열심히 따라가겠습니다
  48. Park
    강의가 정말 좋습니다. 머리에 쏙쏙 들어옵니다. 감사합니다!
  49. 이고잉쌤치킨사줘요
    박스박스박스박스 겨울에 안에 입는 padding 술안주와 접시사이의 간격 패딩
    접시와 접시사이 마진
  50. 푸른하늘
    10일차 공부 감사합니다
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기