CSS

• CSS 속성(Property)은 다음과 같이 작성한다.

  • "속성 이름" : "속성 값";

• CSS 속성은 세미콜론(;)으로 구분하여 여러개 작성할 수 있다.

• 겹치는 속성은 아래와 같은 순서로 우선되어 적용된다.

  • 속성 값 뒤에 !important 를 적은 경우.(나중에 CSS가 엄청 꼬이기 때문에 잘 사용하지 않음)
  • 보다 명확하게(복잡하게) 해당 요소를 선택하는 경우.(ID 선택자 > 클래스 선택자 > 요소 선택자)
  • 복잡도가 같다면 보다 아래에 적힌 경우.

• 의사 클래스(Pseudo Class)는 어떠한 선택자에 의해 선택된 요소의 상태나 특성에 따라 선택자를 분기하기 위해 사용한다. 콜론(:)을 활용하여 다음과 같이 작성한다.

"선택자":"의사 클래스" { ... }

---

클래스 선택자(class selector)

• 클래스 선택자(Class Selector)는 CSS 속성(Property)을 적용하기 위해 사용하는 선택자 중 하나로, 태그가 가진 클래스의 이름을 활용하되, 그 이름 앞에 마침표(.)를 붙인다.

• 다음과 같이 작성한다. ("는 없는 것으로 한다.)

"클래스 이름" {
"속성" : "속성 값";
"속성" : "속성 값";
"속성" : "속성 값";
}

클래스 선택자 클래스 선택자 김씨 이씨 박씨