CSS의 스타일은 무엇입니까?

CSS에는 세 가지 스타일이 있습니다. 1. 인라인 CSS 스타일, 구문 "" 2. 인라인 CSS 스타일, 구문 " < ;style> 선택기 {속성 이름: 속성 값;}' 3. 외부 CSS 스타일, CSS를 도입하려면 링크 태그를 사용하세요.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS(전체 이름 Cascading Style Sheets, Cascading Style Sheets)는 HTML(Standard Generalized Markup Language의 응용 프로그램) 또는 XML(Standard Generalized Markup Language의 하위 집합)과 같은 파일 스타일을 표현하는 데 사용되는 컴퓨터 언어입니다.

CSS는 HTML 스타일을 표현하는 데 사용되는 프로그래밍 언어인 캐스케이딩 스타일 시트입니다. 현재 CSS의 최신 버전은 CSS3입니다.

CSS는 웹페이지를 정적으로 수정할 수 있을 뿐만 아니라 다양한 스크립트 언어와 협력하여 웹페이지의 다양한 요소 형식을 동적으로 지정할 수도 있습니다.

CSS가 프런트엔드 언어로 등장하기 전에는 많은 사람들이 CSS를 프런트엔드 언어로 여겼습니다. 오늘날 CSS는 웹 페이지를 장식할 수 있을 뿐만 아니라 다양한 스크립트로 웹 페이지의 형식을 지정할 수도 있습니다.

CSS 스타일에는 주로 다음 세 가지 유형이 있습니다.

1. 인라인 스타일(임베디드 스타일): 구조 내부, 즉 스타일 속성에서 태그의 시작 부분 안에 작성된 스타일입니다.

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

예:

<div style="color:red"></div>

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

<style>选择器 {属性名：属性值；属性名：属性值；......}</style>

예:

<style>
  bdoy{font-size:14px;} 
</style>

3. 외부 스타일(외부 스타일): CSS 파일로 작성됩니다.

를 사용하여 CSS 파일을 HTML 페이지에 도입할 수 있습니다.

<link type="text/css" rel="stylesheet" href="css/main.css" />

CSS 스타일 사용의 장점:

CSS는 책임감 있는 웹 디자인을 달성하는 데 도움이 됩니다. CSS는 개발자가 웹 사이트를 구축하는 방법에 큰 영향을 미치며 그 영향은 끝이 없을 것 같습니다. 웹 페이지의 프리젠테이션 정보 대부분 또는 전부를 HTML 또는 XML 파일 밖으로 이동하여 스타일 시트에 보관하면 파일 크기 감소, 네트워크 대역폭 절약, 유지 관리 용이성 등 많은 이점이 있습니다.

또한 사이트의 성능 정보가 핵심 콘텐츠와 분리되어 있어 사이트 디자이너가 짧은 시간 내에 전체 웹사이트에 다양한 수정을 가할 수 있습니다.

CSS는 웹 페이지의 형식 코드를 단순화하고 외부 스타일 시트도 브라우저에 의해 캐시에 저장되므로 다운로드 및 표시 속도가 빨라지고 업로드해야 하는 코드의 양이 줄어듭니다. 한 번 저장했습니다).

웹사이트 형식을 저장하는 CSS 스타일시트 파일만 수정하면 사이트 전체의 스타일과 특성을 변경할 수 있어 페이지 수가 많은 사이트를 수정할 때 특히 유용합니다. 이렇게 하면 각 웹 페이지의 수정을 방지하고 작업 부하를 크게 줄일 수 있습니다.

추천 학습: css 비디오 튜토리얼

위 내용은 CSS의 스타일은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!