묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
DIV 태그 관련하여 질문드립니다.
2009.02.20 23:33
안녕하세요
다른사람이 만들어놓은 스킨만 사용하다가 좀더 디테일하게 응용하고 싶어 여기저기 공부를 하고 있습니다.
그동안 Table 태그에 익숙해서인지 DIV 태그가 많이 어색하긴 합니다.
여기저기 알아본바로는
html 파일내에 div 태그로 기본 레이아웃을 잡는것 까진 알겠습니다.
css 파일에서 #header{ }, #menu{ }...등등의 속성을 부여하고
html에서 <div id="header"> 또는 <div id ="menu"> 등으로 불러오는것까진 알겟습니다.
근데 단순히 <div id="header"> 이런것만 있는게 아니라
<div class = "aaaa"> 또는 <h1 class="bbbb"> 등등 이렇게 레이아웃을 만드는경우도 있더라구요..
그리고 css 파일에도
단순히 #aaa { } 이런것만 있으면 쉽겠는데
#aaa h1 { }
#aaa. mask { }
#aaa u1.bbbb { }
#aaa u1.bbbb li { }
#aaa u1.bbbb a{ }
.aaaa li .current
.aaaa { }
.aaaa .bbbb { }
등등등
당췌 어떤때 이런걸 쓰고 어떤땐 저런걸 쓰는지 감을 못잡겠습니다..
...
제발 제가 개념 좀 잡도록 도와주세요..ㅠㅠ
아님 어디 공부하기 좋은 추천해줄만한 블로그라도 링크걸어주시면 너무너무 감사하겠습니다...
다른사람이 만들어놓은 스킨만 사용하다가 좀더 디테일하게 응용하고 싶어 여기저기 공부를 하고 있습니다.
그동안 Table 태그에 익숙해서인지 DIV 태그가 많이 어색하긴 합니다.
여기저기 알아본바로는
html 파일내에 div 태그로 기본 레이아웃을 잡는것 까진 알겠습니다.
css 파일에서 #header{ }, #menu{ }...등등의 속성을 부여하고
html에서 <div id="header"> 또는 <div id ="menu"> 등으로 불러오는것까진 알겟습니다.
근데 단순히 <div id="header"> 이런것만 있는게 아니라
<div class = "aaaa"> 또는 <h1 class="bbbb"> 등등 이렇게 레이아웃을 만드는경우도 있더라구요..
그리고 css 파일에도
단순히 #aaa { } 이런것만 있으면 쉽겠는데
#aaa h1 { }
#aaa. mask { }
#aaa u1.bbbb { }
#aaa u1.bbbb li { }
#aaa u1.bbbb a{ }
.aaaa li .current
.aaaa { }
.aaaa .bbbb { }
등등등
당췌 어떤때 이런걸 쓰고 어떤땐 저런걸 쓰는지 감을 못잡겠습니다..
...
제발 제가 개념 좀 잡도록 도와주세요..ㅠㅠ
아님 어디 공부하기 좋은 추천해줄만한 블로그라도 링크걸어주시면 너무너무 감사하겠습니다...
Head First HTML을 추천드립니다.
HTML 및 CSS의 개념을 잡기 충분하고 기본서로 간직하기 좋습니다.