wms's Programming&Study

[속성 선택자 (Attribute Selector)] - 속성 선택자는 HTML 요소의 속성을 참조하여 선택하는 방법. 이때 속성의 지정 여부나 속성 값의 일치 여부로 선택할 수 있다. [선택자 그룹화] - 모든 선택자는 Comma(,)를 사용하여 그룹으로 한 번에 선언할 수 있다. 선택자를 그룹으로 선언할 경우 선언된 모든 선택자에는 동일한 선언이 적용. 선택자의 그룹화 선택자의 그룹화 예시 모든 선택자는 ,를 사용하여 그룹으로 한 번에 선언할 수 있다. 선택자의 그룹화 선택자의 그룹화 예시 ▶ 결과화면

[가상 클래스 선택자 (Pseudo-classes Selector)] - 가상 클래스 선택자는 요소의 상태나 상황에 따라 선택하는 방법. 링크의 경우 방문하기 전, 방문 후, 링크 위에 마우스를 올려놓거나 포커스 등의 상황을 선택하여 스타일을 지정할 수 있다. 또한 언어에 따른 구분이나 마크업 구조에 따라 특정 요소를 선택할 수 있다. 가상 클래스 선택자 다음 홈페이지 가상 클래스 선택자는 상황에 따라 요소를 선택하여 스타일을 지정한다. ▶ 결과화면 [가상 요소 선택자 (Pseudo-element Selector)] - 가상 요소 선택자는 요소의 첫글자나 첫줄 또는 요소 앞이나 뒤 등 가상의 영역을 선택하고자 할 때 사용한다. E:first-line - E요소의 문자열 중 첫 번째 줄을 선택 E:firs..

우선 CSS파일을 따로 생성하지 않고 전체 선택자 전체 선택자를 사용하여 모든 요소에 동일한 스타일 선언을 지정할 수 있다. ▶ 결과 화면 전체 요소에 스타일을 일괄적으로 적용한다. [클래스 선택자 (Class Selector)] - 클래스 선택자는 HTML 요소의 class 속성 값을 참조하여 선택하는 방법. 이때 class 속성 값은 하나의 HTML 요소에 여러 개를 지정할 수 있기 때문에 다중 class를 선택자로 지정할 수도 있다. 클래스 선택자 클래스 선택자를 사용하여 특정 클래스가 지정된 요소에 스타일을 지정한다. 클래스 선택자를 사용하여 특정 클래스가 지정된 요소에 스타일을 지정한다. 클래스 선택자를 사용하여 특정 클래스가 지정된 요소에 스타일을 지정한다. ▶ 결과 화면 class에 네임을 ..