id 와 class 의 사용법에 대해 질문 좀 드릴께요
황소자리
저는 현재 열심히 공부겸 실무에도 웹표준을 적용시켜보고 있는데요
혼자하려니 좀 힘든점도 많고 가르쳐줄 사람도 없어서 개념이 충분치 못한거같아요
그래서 질문 하나만 드릴께요
현재 저는 class 로만 css를 짜는데요
id 는 어떨때 사용해야 하는가요? 현재 class 로만 해도 별문제가 없어서
이렇게 진행하고는 있지만 id 와 class 를 적절히 사용하여야 웹표준에 맞는게 아닌가 싶어서요
그리고
.wrap {}
.wrap li {}
위의 식으로 짠다고하면 wrap 안의 li 에만 먹는게 맞는것이지요?
css를 짜는데도 여러가지 스킬들이 있을거같은데요 저런식으로 처리하는거나
중복된걸 처리하는 법등등 노하우들이 있거나 사이트등이 있다면 공유 좀 부탁드리고요
id 와 class 의 사용법에 대한 조언도 부탁드립니다(__)
-
이리온
.wrap li 안에만 먹는것이 맞지만..
.wrap에서 지정한 스타일은 .wrap li에 상속되기도 합니다. (부모요소...)
line-height, text-align, color, font-size 등등... -
라와
개인적으로 기본적인
wrap, header, container, contents, footer, aside 등은 부모객체로 생각해서 id를 사용하고
그안에 박스는 왠만하면 class를 사용합니다.
수다님 말씀대로 동적 제어할땐 id를 사용해야해서 그럴때 빼곤 class 사용해요-
같은 퍼블리셔라고 똑같은 스타일은 없습니다-
개인 이나 다른퍼블리셔가 봤을때 수정이 편하고 육안으로 확인이 쉽게 될수있고
깔끔하게 정리된 코딩이 욕을 덜먹겠죠 ㅎㅎ
-
미리별
저도 나름대로 저만의 것을 가지려고 한창 노력중인데요
모방보다는 다른분들의 것을 참고정도 해보려고 질문드렸습니다
답변감사합니다 ^^ -
연블루
class만 사용해도 상관 없습니다.
id는 주로 요소들을 동적 제어할때 사용합니다.
.wrap li{} 는 wrap라는 클래스 안에 있는 모든 li를 선택한다는 뜻입니다.
여러가지 스킬이나 노하우는 다른사람의 것을 모방보다는 스스로 터득하는게 좋다고 생각합니다만
아직 그정도 스킬이 안되신다면 유명포털 사이트들은 어떻게 했는지 소스 보기 하셔서
마크업과 css를 분석해 보세요