|
홈 > 재미있는 공부 > 컴퓨터/인터넷 > 컴퓨터 배움터 > 홈페이지
홈페이지
앞에서 말씀 드렸듯이 스타일 시트의 Selector에 대해서 알아보도록 하겠습니다.
우리가 흔히 사용하는 Selector인 집합과
클래스와
아이디를
알아보도록 합니다.
집합을 사용하는 방법은 아주 간단합니다.
사실 나모에서는 집합은 생각할 필요도 없이
알아서 만들어 줍니다.
다음의 예를 보시면 쉽게 아실 것입니다.
H1
{ font-family: Helvetica }
H2
{ font-family: Helvetica }
위의 두 문장을 하나로 합치면, H1,
H2, H3 { font-family: Helvetica } 이렇게
됩니다.
여러
개의 Selector가 같은 속성에 사용되는 방법입니다. 바로
콤마(,)를 활용합니다.
그러면 반대로는..
H1
{ font-weight: bold }
H1
{ font-size: 12pt }
위의 두 문장을 하나로 합치면, H1
{ font-weight: bold; font-size: 12pt;} 이렇게
됩니다.
같은
Selector가 여러 속성으로 사용되는 방법입니다. 바로
세미콜론(;)을 활용합니다.
여기까지 집합을 알아보았습니다.
집합
기능을 활용하여 스타일의 잡다한 부분을 정리하여 볼까요?
|
