내 머릿속 데이터베이스

font-family 속성은 말그대로 글꼴을 바꿔주는 속성. 차례대로 글꼴이 있는지 비교하고, 없다면 다음 폰트를 사용하는 방식이다. 가장 마지막엔 다음 5가지 속성을 정할 수 있는데, 모든 폰트가 없는 경우, 어떤 계열의 폰트를 적용시킬지 지정할 수 있다. serif : 삐침 있는 명조계열의 글꼴입니다. sans-serif : 삐침 없고 굵기가 일정한 고딕계열의 글꼴입니다. monospace : 글자 폭과 간격이 일정한 글꼴입니다. cursive : 손으로 쓴 것 같은 필기계열의 글꼴입니다. fantasy : 화려한 글꼴입니다. font-family: Georgia, "Times New Roman", serif; 로 설정했을 때, 제일 먼저 Georgia 글꼴을 찾습니다. 해당 글꼴이 있다면 사용하고,..

#id {color: #FFFFFF} .class {color: #FFFFFF} 둘다 같은 기능같이 보이지만 이 둘의 차이점은 존재 한다. 1) id는 한 태그에 하나의 id만 지정할 수 있다. 몰론 여러개를 지정해도 출력되는것에 문제는 없다고 한다. 단 표준을 어기는 것이니 이런경우 CLASS를 사용한다. class는 여러개의 선언이 가능하다. 2) 우선순위의 차이, id가 class보다 우선순위가 높다. 3) id는 Javascript에서 동적으로 제어가 가능하다. javascript에서 CSS를 동적으로 변화할 필요가 있을 경우 class는 안된다. class 정적, id는 동적

스타일에도 이름을 지정해줘서 각 태그마다 다르게 스타일을 지정할 수 있다. 방법은 class와 id를 지정하는 방법 2가지가 있다. 먼저 class를 사용하는 방법부터 알아보자 div라는 태그에 사용할 수 있는 mydiv라는 스타일을 만든다면 div.mydiv:hover{ }위와 같이 해주면 된다. 그냥 div태그가 아닌 모든 태그에 적용하고 싶을때는 아래와 같이 한다. .mydiv:hover{ } 이 스타일을 적용할때는 이와같이 하면 된다. A B C 이 방법으로 A,B,C를 그룹화 시킬 수 있다. 그렇다면 그룹화가 필요없고 오직 유일한 스타일을 주고 싶다면 id를 이용하면 된다. id로 스타일을 주고자 할때는 다음과 같이하면 된다. 이 id는 페이지내에서 유일해야하며 중복되서는 절대 안된다. #myd..

평소 a:hover 라고 많이 사용할 것이다. 링크에 마우스를 올렸을때 뭐 색이 변하거나 할 수 있게 되는데.. 이게 a태그에만 적용한 것이 아니다. div나 tr에도 적용이 가능하다. 그동안 TR에 마우스를 올렸을때 스타일을 먹이려고 하면 일일히 onMouseOver, onMouseOut를 이용하곤 했지만 단순히 CSS를 이용하면 이렇게만 하면 된다. 테이블을 thead, tbody, tfoot로 이름을 지어서 나눠서 만들게 되는데 이것은 W3C의 표준권고사항이니 테이블을 만들때는 이와같은 구조로 하는것이 좋다. 이 중에 tbody의 tr 태그에만 스타일즐 주고 싶다면 > 를 사용한다. a>b{ } 는 "a에 포함되어있는 객체들 중 b"라는 뜻이다. 그래서 단순히 다음과 같이 해주면 된다. tbody ..