CSS 규칙을 사용하여 HTML 태그 사용자 정의-HTML 선택기
CSS가 널리 사용되는 이유 중 하나는 HTML 태그에 다양한 기능을 제공하기 때문입니다. 태그의 내장 컨트롤을 "끄기"할 수 없지만 HTML 태그에 더 많은 컨트롤을 추가하여 유용성을 확장 할 수 있습니다. 태그 선택기에 새로운 CSS 정의를 추가하면됩니다. HTML을 사용하자

예제에 태그를 지정하면 배경색, 글꼴, 글꼴 크기 및 텍스트 색상 컨트롤을

꼬리표. 이것은 모든 개방과 폐쇄 사이의 모든 원인이 될 것입니다

태그는 웹 페이지 전체의 새로운 정의에 의해 제어됩니다.

p {
배경색 : # 000000;
폰트 패밀리 : arial;
글꼴 크기 : 12px;
색상 : #ffffff;
}

이 예에서 CSS 규칙은 HTML 선택기 (p)로 시작하며 그 뒤에 추가하려는 모든 속성 값 정의가 포함 된 CSS 선언 블록이옵니다. 일반적으로 각 정의는 속성으로 시작하고 그 뒤에 콜론, 값 및 세미콜론으로 끝납니다. 전체 블록은 중괄호 안에 배치됩니다. HTML 태그에 대한 고유 한 CSS 규칙을 작성할 때 기억해야 할 사항이 몇 가지 있습니다.

  • 웹 페이지의 헤드 섹션에있는 태그 안에 사용자 정의 CSS 규칙을 배치 할 수 있습니다.

  • 사용자 정의 CSS 규칙을 외부 CSS 파일에 배치 할 수 있습니다.

  • 특정 태그 선택기에 추가하는 사용자 정의 된 CSS 정의에는 해당 태그로 제어 할 수있는 특성이 포함되어야합니다.

  • 사용자 정의 규칙을 헤드 섹션 또는 외부 CSS 파일에 배치하면 전체 웹 페이지에 영향을 미칩니다. 하나의 개별 HTML 태그 (태그의 하나의 특수 인스턴스) 만 제어해야하는 경우 해당 개별 태그에 인라인 스타일을 적용합니다.

  • 태그는 해당 HTML 태그의 내장 속성을 유지합니다. 예를 들어 HTML 굵은 체 태그는 열기와 닫기 사이에있는 텍스트에 굵은 체 효과를 계속 적용합니다 태그.




비디오 지침: CSS 수업 - 선택자의종류 1 : 아이디선택자 (4 월 2024).