전체 글

CSS 강의 2편 - Box model(박스모델)

저번 강의에서 CSS 기본과 selector들을 알아보았습니다. 이번에는 CSS에 기초 개념인 Box model을 설명하려고 합니다. 제가 인턴으로 들어갈 때 받았던 질문인데 저는 그때 Box model을 처음 들어서 너무 당황했던 기억이 납니다. CSS를 조금 해보셨다면 Box model을 처음 들어봐도 나중에는 아~그거라는 말을 속으로 할 것 같습니다. CSS Box model이 뭐지? CSS에서 나오는 모든 박스는 4부분으로 이루어집니다. Content Padding Border Margin Content Content는 우리가 아무런 스타일을 적용하지 않았을 때 element가 가지는 공간입니다. 예를 들어 div에 width: 200px; height: 200px라는 인라인 스타일을 줬을 때 그..

CSS 강의 1편 - css 설명, id, class, selectors(선택자)

안녕하세요. 캐나다에서 웹 계발자로 일하고 있는 Roy 입니다. 웹에 기초는 CSS 아니겠습니까? CSS가 프로그래밍 랭귀지도 아니고 그냥 사용하면서 배워야지 라고 생각하는 사람도 많이 있습니다. 물론 그렇게 배워도 되지만 시작할 때 기초적인 부분을 안배우고 넘어가면 잘못 사용하거나 간단한걸 더 어렵게 하는 경우가 많이 생깁니다. 그래서 저도 CSS 걔념을 다시 정리하는 김에 강의를 시작하려고 합니다. 공부 할 때 가장 좋은 방법이 누구를 가르치는 것이라고 하잖아요. CSS는 무엇인가? CSS는 Cascade Style Sheet에 줄임 말입니다. CSS를 통해서 HTML로 만들어진 웹사이트에 뼈대를 스타일링 해주는 것입니다. 예를들면 CSS를 통해서 색깔, 위치, 크기등을 바꿀 수 있습니다. CSS를 ..