시아98
174
2020-07-30 14:45:40
1
183

CSS 공부 어떻게 하는게 좋을까요?


안녕하세요. 이제 막 HTML과 CSS 입문서를 한번 읽어본 초보입니다.

일단 책에 있는 예제들은 거의 한 번씩 해보았고, 간단한 브랜드 사이트들의 틀을 따라 그려보고자 만드는 중입니다만 제가 하는 방법이 맞는지 혼자 공부하니 감이 제대로 안잡히는 것 같네요..

제가 웹 페이지 디자인을 따라 해볼 때는
1.먼저 따라해볼 페이지를 정합니다.
2.대충 그 페이지의 header, section, sidebar, footer를 나눠보고 큰 틀들의 레이아웃을 지정해줍니다. 
3.각 섹션에 맞게 디자인을 보고 코딩해봅니다.

이런 식으로 페이지들을 따라해보고 있는 중입니다. 근데 항상 만들다보면 3번 과정에서 섹션에서 세세한(?) 위치를 조절 해줄때 margin이나 padding값이 깨끗(?)하지가 않네요. 원래 css로 코딩하다보면 조금 값들이 이렇게 되나요?

방금도 책에 있는 예제를 따라해보다가 모바일크기의 웹을 디자인할 때 header섹션에 nav를 inline-block으로 두니까 이상하게 body가 화면 맨 위를 조금 비워두더라구요... 그래서 임시방편으로 margin을 - 값주면서 위로 강제로 올렸는데 이렇게 해도 되는지 모르겠습니다...


0
  • 답변 1

  • 부적합한열유형.
    624
    2020-07-30 15:41:30

    태그 자체 기본 설정값들이 있어서 그런거 같습니다. 저같은 경우는 css 파일 맨위쪽에 항상

    body, ol, ul, li, dl, dt, dd, blockquote, fieldset, h1, h2, h3, h4, h4, h5, h6, pre, form, textarea, p, div

    {margin:0; padding:0;}

    이런식으로 초기화 시켜놓고 시작합니다

  • 로그인을 하시면 답변을 등록할 수 있습니다.