[CSS] Type

안녕하세요 동기 여러분! 오늘은 CSS에서의 타입이 뭔지 알아보도록 합시다!

 

Type

{ color: red; } CSS에서 이렇게 생긴 친구들을 선언문(declaration)이라고 합니다.

이 친구들의 기능은 상당히 중요한데요, 왜냐하면 선택된 HTML 요소의 스타일을 바꾸어 주기 때문입니다.

 

선택된 HTML의 요소는 바로 선언문 앞에 붙는 HTML의 요소입니다.

p {
  color: red;                    /* 여기서는 p가 선택된 요소 */
}

h1 {
  color: blue;                   /* 여기서는 h1이 선택된 요소 */
}

 

위에 나온 코드가 바로 타입 셀렉터(type selector) 사용의 예시라고 할 수 있습니다.

요소의 타입은 p, h1 -> HTML의 <p>, <h1>태그 - 구조는 이해가 가는데 말로 설명이 참 어렵네요...

 

---

 

타입 셀렉터(Type selector)

• 타입 셀렉터는 중괄호 안의 내용을 포함하지 않습니다.
• 요소의 타입은 보통 HTML의 시작태그(opening tag)의 이름을 가지지만 가끔은 element selector의 이름을 가지는 경우도 있습니다. (element selector의 이름을 가질 수도 있다는 뜻은 *이나 .이름 #이름과 같은 변수가 있기 때문에 이렇게 말하는 것으로 생각합니다. 특히 class="이름"을 연결해주는 .이름이나 id="이름"을 연결해주는 #이름 같은 친구들은 코드를 만드는 사람이 정의할 수 있기 때문)

 

---

 

오늘의 느낌

아 어렵다 구조는 이해가 되는데 말로 표현하기가 어렵다.