logo

CSS(Cascading Style Sheet) 유형

CSS(Cascading Style Sheet) HTML 요소가 포함된 웹 페이지의 스타일을 지정하는 데 사용되는 언어로, 웹 페이지 요소의 레이아웃, 색상, 글꼴 및 기타 속성을 포함하여 요소가 웹 페이지에 표시되는 방식을 정의합니다. CSS는 HTML 요소를 대상으로 하고 스타일 규칙을 적용하여 색상, 크기, 레이아웃 및 위치 지정과 같은 속성을 포함하여 표시 방법을 정의하는 방식으로 작동합니다.

아래에 세 가지 유형의 CSS가 있습니다.

내용의 테이블



인라인 CSS:

인라인 CSS HTML 태그 내의 스타일 속성을 사용하여 개별 HTML 요소에 직접 스타일을 적용하는 방법으로, HTML 문서 내의 개별 요소에 대한 특정 스타일을 허용하고 외부 또는 내부 스타일을 재정의합니다.

인라인 CSS 예:

이 예에서는 HTML 문서의 도움으로 인라인 CSS를 사용하는 방법을 보여줍니다.

HTML




> <>html>>> <>head>>> ><>title>>인라인 CSS제목> 머리>

글꼴 크기:50px; 글꼴 스타일:기울임꼴; 텍스트 정렬:중심;'> GeeksForGeeks p> 본문> html>>

>

>

산출:

인라인 CSS 속성 예

인라인 CSS 예 설명:

위의 예에서 우리는 다음 단계를 따르고 있습니다

  • 여기서는 단락 요소에 직접 인라인 CSS를 사용하고 있습니다.
  • 색상을 녹색으로, 글꼴 크기를 50px로, 스타일을 기울임꼴로, 정렬을 가운데로 변경합니다.
  • 스타일 지정은 외부 및 내부 CSS를 재정의합니다.

내부 또는 내장 CSS:

내부 또는 내장 CSS HTML 문서의 요소 내에 정의됩니다. 지정된 HTML 요소에 스타일을 적용합니다. CSS 규칙 세트는 HTML 파일의 헤드 섹션에 있어야 합니다. 즉, CSS는 HTML 파일의 헤드 섹션 내부 태그에 포함되어 있습니다.

내부 또는 내장 CSS 예:

이 예에서는 HTML 문서의 도움으로 내부 CSS를 사용하는 방법을 보여줍니다.

HTML




> <>html>>> <>head>>> ><>title>>내부 CSS제목>