묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
.header와 #header 의 차이가 뭔가요???
2012.11.17 05:19
안녕하세요.
.header와 #header 의 차이가 뭔가요???
최근 XE홈페이지 공부를 시작한지라....
모르는게 넘 많네요.
전문적인 공부를 하지않은 탓에 눈짐작으로 만들어보고 있는데....
#header 와 같이 '#'을 사용한 css 태그들이 많이 있더군요.
부탁드리겠습니다.
댓글 5
-
natura
2012.11.17 05:47
-
윈컴이
2012.11.17 09:14
natura님이 말하신대로,
#header : 아이디가 header인 태그를 선택 ex) <div id="header"></div>
.header : 클래스가 header인 태그를 선택 ex) <div class="header"></div>
-
misol
2012.11.17 10:35
질문은 묻고 답하기에 해주세요 :) -
숭숭군
2012.11.17 10:40
보충설명드리면
id는 오로지 1개일 경우에만 사용됩니다..
class는 여러곳에서 사용됩니다..
무슨말이냐면
태그5개에서 같은 class를 사용했다면
css에서 class를 조정하면 5개 모두에서 변하게 됩니다.
반면 id는 태그 1곳에서만 사용될수 있기때문에
css에서 id를 조정해도 한곳에서만 변하죠..
css가 존재하는 이유는 아마 class의 편리함 때문 일거예요
예를들어 홈페이지 폰트색을 파란색으로 바꾸고 싶을경우
일일이 태그마다 속성을 수정하기엔 시간이 오래걸리기 때문에
폰트에 전부 class를 줘서 한번에 여러곳을 수정하는거죠..
-
불도깨비
2012.11.20 16:13
감사합니다.
여러분들의 답변이 많은 도움이 되었습니다.
즐거운 하루 되세요
css을 공부하시면 나오는 내용입니다.
(.header) : class 선택자 ㅣ 클래스가 A인 태그에 적용
(#header) : id 선택자 ㅣ 아이디가 A인 태그에 적용