WEB2 - CSS

박스모델

CSS box model 소개

강의

 

 

소스코드 

변경사항

 

 

 

박스 모델을 써먹기

강의

 

 

소스코드 

변경사항

 

댓글

댓글 본문
  1. 이승민
    2021.09.21
  2. 오수정
    2021.09.13 am 11:56
  3. 오수정
    2021.09.13 AM11:09
  4. 정제제
    210828 완
  5. 개발자말랑이
    점점 어려워진다!!!!!
  6. 이나크로
    20210821
  7. 권정현
    .
  8. 호놀룰루
    감사합니다!
  9. 조유빈
    완료
  10. 아자가자
    210721 성공
  11. inwhan
    2021.07.21 완료
  12. 완료
  13. 임코딩
    - 테두리 한 방향 적용 : border-bottom, border-right 등
  14. 임코딩
    - /* 주석 */
    - tag 테두리 설정: "border"
    - 화면 전체 크기를 갖는 tag = block level element tag
    - 자기 자신의 크기를 갖는 tag = inline element tag
    - block -> inline 속성 바꾸기 : "display"
    - 중복 제거 (선택자 중복, 속성 중복)
    - content와 테두리 사이의 간격 : "padding"
    - 테두리와 테두리 사이의 간격 : "margin"
    - tag 크기 설정 : "width", "height"
    - web page 우클릭 -> 검사 -> Styles : tag CSS 속성 보기
  15. 서울 2020년 가을
    2021.7.15
  16. OrzlHB
    완료!
  17. 도햐
    강의로 볼 땐 쉽다~ 이러는데 막상 강의 다 끝내고 스스로 적용하려니 구글링을 많이 하게 되네요 하하 다 외우려는 건 제 욕심이겠죠,,,
  18. 정용헌
    잘보고있습니다~오늘하루도 시작~~~
  19. 윤동욱
    20210706
  20. 박사장
    21.06.30 시청 완료
  21. 황철갑
    21.6.27
  22. 호찬
    2021.06.23.(수) 진행중
  23. B=loom
    21.06.21 감사합니다
  24. drinkdrink
    오늘도 너무 좋은 강의감사합니다 ^^
  25. 김휘철
    잘 봤습니다~
  26. 최세미
    2021 05 22
  27. 김새암
    2021.05.18
  28. GelandeWagen
    210517 ok
  29. 210514
  30. super1Nova
    210513
  31. RedMaple
    2021.05.11
  32. 에미넴의해골
    2021/5/10
  33. 초딩 개발자
    2021/05/08
  34. ksg9482
    21.05.07 완료
  35. route66
    21.5.2

    검사페이지를 이용해 각 태그별 상관관계에 대해 확인

    border, margin, padding, width, text-decoration
  36. 스문
    width, height, padding, border, margin(테두리와 테두리 사이)
  37. Jeong Il Haan
    20210428
  38. 성공하기
    감사합니다
  39. chimhyangmoo
    2차 - 21.04.23
  40. 별거
    2021.04.22 우리가 구상한 사이트의 모습을 맞춰가기 시작했다.
    margin, padding, border 등을 확실하게 사용해보았다.
  41. 허달무
    굿!!! 감사합니다.~~~
  42. 다랑어최고야
    4/12 done!!
  43. 역사단 보존서고지원병
    2021.04.12 완료
  44. nptncloud
    4/4 완료
  45. midori
    감사합니다
  46. 김도현
    완료
  47. seonhong Kim
    2021.03.26 완료
  48. 요모
    2021-03-25
  49. 효몬드
    완료
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기