Notice
Recent Posts
Recent Comments
- Today
- Total
목록스타일시트 (2)
내 머릿속 데이터베이스
CSS #id와 CLASS의 차이점
#id {color: #FFFFFF} .class {color: #FFFFFF} 둘다 같은 기능같이 보이지만 이 둘의 차이점은 존재 한다. 1) id는 한 태그에 하나의 id만 지정할 수 있다. 몰론 여러개를 지정해도 출력되는것에 문제는 없다고 한다. 단 표준을 어기는 것이니 이런경우 CLASS를 사용한다. class는 여러개의 선언이 가능하다. 2) 우선순위의 차이, id가 class보다 우선순위가 높다. 3) id는 Javascript에서 동적으로 제어가 가능하다. javascript에서 CSS를 동적으로 변화할 필요가 있을 경우 class는 안된다. class 정적, id는 동적
Programming/Web Language
2009. 9. 5. 22:02
[CSS] 스타일의 그룹화
스타일에도 이름을 지정해줘서 각 태그마다 다르게 스타일을 지정할 수 있다. 방법은 class와 id를 지정하는 방법 2가지가 있다. 먼저 class를 사용하는 방법부터 알아보자 div라는 태그에 사용할 수 있는 mydiv라는 스타일을 만든다면 div.mydiv:hover{ }위와 같이 해주면 된다. 그냥 div태그가 아닌 모든 태그에 적용하고 싶을때는 아래와 같이 한다. .mydiv:hover{ } 이 스타일을 적용할때는 이와같이 하면 된다. A B C 이 방법으로 A,B,C를 그룹화 시킬 수 있다. 그렇다면 그룹화가 필요없고 오직 유일한 스타일을 주고 싶다면 id를 이용하면 된다. id로 스타일을 주고자 할때는 다음과 같이하면 된다. 이 id는 페이지내에서 유일해야하며 중복되서는 절대 안된다. #myd..
Programming/Web Language
2007. 1. 10. 13:03