묻고답하기
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
감사합니다.
여러분들의 답변이 많은 도움이 되었습니다.
즐거운 하루 되세요
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
손주사랑 | 어떤게시판에 어떤글을 많이 보았는지 [2] | 2014.04.24 by 손주사랑 |
아웅졸려라 | XE 다루는 법을 배우려면 어떻게 해야 하나요? [5] | 2014.04.24 by 아웅졸려라 |
Maria | 배너 관리자 모듈과 위젯 질문입니다. [1] | 2014.04.23 by 마음의빈자리 |
휘빈a | 타이틀 변경 방법좀 알려주세요 ㅋ [1] | 2014.04.23 by 마음의빈자리 |
massif | 본문내 이미지 삽입후 수정창에 이미지경로 크기등이 빈칸으로 나오는데 왜그럴까요? [5] | 2014.04.23 by 샤엠 |
리즈먀 | 최고 관리자만 동영상을 올릴 수 있는건가요? [4] | 2014.04.23 by 리즈먀 |
아기나옹이 | jquery 버전업은 어디서 하는것인가요? | |
다비퀸 | 사이트 열리는지 확인좀 부탁드릴게요^^ [4] | 2014.04.23 by 다비퀸 |
딸꾹질 | 관리자 페이지의 문서검색 | |
XE초보자입니다 | 이 xe 레이아웃 무료배포용인가요? [3] | 2014.04.23 by teguh100 |
ssyguy | 개인정보 보안관련 질문..^^ [4] | 2014.04.23 by 키스투엑스이 |
xe처음처럼 | 콘텐츠 위젯에서 줄바꾸기 | |
아굴라2 | .htaccess 파일을 옮긴 후 | |
정도길 | XE마켓 판매 레이아웃 1카피에 대해 질문드립니다 [5] | 2014.04.23 by KrteamENT |
Adam | 크롬창에서는 등록 임시저장 잘되는데 익스플로 창에서 문제 | |
제임스라 | 게시판 보기에서 원하는 사용자 정의만 출력 하려면? [3] | 2014.04.23 by mindpainter |
아웅졸려라 | epresseditor의 기능을 제한적으로 사용할수 있을까요? | |
호야호야7774 | 게시판 쓰기 들어가면 이렇게 나와요ㅠ [1] | 2014.04.23 by 호야호야7774 |
아임팡 | Xe 엔진 NHN 의로 귀속이 된게 확실한가요? [3] | 2014.04.23 by YJSoft |
진유선 | 로그인문제 및 경로 [3] | 2014.04.23 by Double'U' |
css을 공부하시면 나오는 내용입니다.
(.header) : class 선택자 ㅣ 클래스가 A인 태그에 적용
(#header) : id 선택자 ㅣ 아이디가 A인 태그에 적용