box model
-
Box model, 상자이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 25. 05:15
이번시간에는 BOX모델에 대해 알아보도록 하겠습니다. CSS를 배울 때 이해해야 되는 것 중 하나가 많은 element들이 box, 상자형태라는 점과, 그 요소가 4개 라는 것입니다. 1> 첫 번째는 contents, 컨텐츠, 내용, 2> 두 번째는 박스의 경계, border, 보더, 3> 세 번째는 padding, 패딩, 박스의 보더, border에서 안쪽으로 있는 간격, 4> 그리고 마지막 네번 째는 margin, 마진, 박스의 border, 보더에서 바깥쪽으로 있는 간격 정리하면, contents, 컨텐츠와 border, 경계 안쪽에 있는 간격이 padding이고, 바깥에 있는 간격은 margin입니다. 그럼 이제 HTML문서로 가서, title에는 Box Model이라고 쓰고, incline방법으..
-
공부계획 #3 CSS이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 22. 05:35
지금부터는 CSS에 대해 배워보도록 하겠습니다. 1> 제일 먼저 CSS를 HTML에 어떻게 결합하는 방법에 대해 배우겠습니다. 2> 그 다음, box, 박스 모델을 배워서 element, 내용들을 screen, 화면상에 위치시키는 방법에 대해 공부 하겠습니다. 3> 그런 다음, flex box에 대해 공부해 보겠습니다. 이 레이아웃은 데스크탑과 모바일 화면 사이즈에 맞춰 반응 합니다.4> 그 후, 차례로, animation, transition, media query같은 심화된 내용에 대해 배워보도록 하겠습니다.