>  기사  >  웹 프론트엔드  >  CSS에는 어떤 유형의 스타일이 있나요?

CSS에는 어떤 유형의 스타일이 있나요?

coldplay.xixi
coldplay.xixi원래의
2021-03-21 17:51:5414237검색

CSS에는 세 가지 유형의 스타일이 있습니다. 1. 구조 내부에 있는 인라인 스타일, 즉 태그에 작성된 스타일 2. 외부 스타일은 [.css를 사용하여 하나 이상의 스타일에 모든 스타일을 넣는 것입니다. ] 확장자로 명명된 외부 스타일 시트 파일입니다. 3. 인라인 스타일은 HTML 페이지 내부에 작성되고 head 태그에 저장됩니다.

CSS에는 어떤 유형의 스타일이 있나요?

이 튜토리얼의 운영 환경: windows7 시스템, CSS3 버전, DELL G3 컴퓨터.

CSS 스타일에는 주로 다음 세 가지 유형이 포함됩니다.

1. 인라인 스타일: 구조 내부, 즉 태그 시작 부분 내부에 작성된 스타일입니다.

예:

<标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"></标记>

2. 인라인 스타일(임베디드 스타일): HTML 페이지 내부에 작성되고, head 태그에 저장되며, 스타일 태그에 스타일이 작성됩니다.

예:

<style>选择器 {属性名:属性值;属性名:属性值;......}</style>

3. 외부 스타일(외부 스타일):

외부 스타일은 c320d566f8bfb2bf4933b43c9436e7b8 标记需要放在93f0f5c25f18dab9d176bd4f6de5d30e头部标记中,并且必须指定c88766e8e98f17593dff2d30c01c03cf 태그의 속성은 다음과 같습니다.

  • href: 연결된 외부 스타일 시트 파일의 URL을 정의하며, 이는 상대 경로 또는 절대 경로일 수 있습니다.

  • type: 링크된 외부 파일이 CS 스타일 시트임을 나타내는 "text/css"로 지정해야 하는 링크된 문서의 유형을 정의합니다.

  • rel: 현재 문서와 링크된 문서 사이의 관계를 정의합니다. 여기서는 링크된 문서가 스타일시트 파일임을 나타내는 "스타일시트"로 지정해야 합니다.

외부 스타일은 HTML 코드와 CSS 코드를 두 개 이상의 파일로 분리하여 구조와 스타일을 완전히 분리하고 웹 페이지의 사전 제작 및 후속 작업을 수행하기 때문에 가장 자주 사용되며 가장 실용적인 CSS 스타일 시트입니다. 유지 보수가 매우 편리합니다.

관련 튜토리얼 권장 사항: CSS 비디오 튜토리얼

위 내용은 CSS에는 어떤 유형의 스타일이 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.