CSS(Cascading Style Sheet)란 무엇입니까?
- 青灯夜游원래의
- 2019-05-17 09:26:036025검색
CSS는 Cascading Style Sheets의 약어로 HTML(Standard Generalized Markup Language의 응용 프로그램) 또는 XML(Standard Generalized Markup Language의 하위 집합)과 같은 파일 스타일을 표현하는 데 사용되는 컴퓨터 언어입니다.
CSS는 웹사이트를 더욱 멋지고 눈길을 끌 수 있도록 웹사이트의 모양을 설정하는 데 주로 사용됩니다. 웹페이지를 정적으로 수정할 수 있을 뿐만 아니라 다양한 스크립트 언어를 사용하여 웹페이지의 다양한 요소 형식을 동적으로 지정할 수도 있습니다.
CSS는 웹 페이지의 요소 위치 레이아웃에 대해 픽셀 수준의 정밀한 제어를 수행할 수 있고 거의 모든 글꼴 크기와 스타일을 지원하며 웹 페이지 개체 및 모델 스타일을 편집할 수 있는 기능을 갖추고 있습니다.
CSS 스타일 시트는 텍스트 및 기타 HTML 마크업의 색상, 크기, 위치를 정의하는 반면, HTML 파일은 콘텐츠와 구성 방식을 정의합니다. 이를 분리하면 전체 사이트를 다시 작성하지 않고도 색 구성표를 변경할 수 있습니다.
계단식은 상위 요소에 적용된 스타일이 상위 요소의 모든 하위 요소에도 적용됨을 의미합니다. 예를 들어 본문 텍스트의 색상을 설정하면 본문 텍스트의 모든 제목과 단락도 동일한 색상이 됩니다.
스타일 지정 및 사용
웹페이지 또는 사이트 스타일 시트를 포함하는 세 가지 주요 방법이 있습니다.
1 태그의 속성을 설정합니다. 属性，称为内联样式；
2、在HTML头标记中使用c9ccee2e6ea535a969eb3f532ad9fe89标记，称为嵌入式样式；
3、创建并链接到外部CSS文件，称为外部样式表。
基本样式表通常修改html标记的外观，如6c04bd5ca3fcae76e30b72ad730ca86d和e388a4556c0f65e1904146cc1a846bee。在头文件中使用CSS文件或样式表时，我们还可以定义样式类，并使用class="?"
3. 외부 스타일 시트.
기본 스타일 시트는 일반적으로 6c04bd5ca3fcae76e30b72ad730ca86d 및 e388a4556c0f65e1904146cc1a846bee와 같은 html 태그의 모양을 수정합니다. 헤더 파일에서 CSS 파일이나 스타일시트를 사용할 때 스타일 클래스를 정의하고class="?" 속성을 사용하여 모든 요소에 적용할 수도 있지만 이는 이 간단한 가이드의 범위를 벗어납니다.
인라인 스타일
특징:1) 인라인 스타일은 코드의 HTML 요소에 배치됩니다.
2) 인라인 스타일을 사용할 때 스타일은 선택한 요소에만 영향을 미칩니다.
3) 인라인 스타일에는 선택기가 없습니다참고: HTML에 정의된 인라인 스타일은 추가된 태그에만 적용됩니다.
<p style="color:red;">Some red text</p>
Embedded style
특징: 1) 스타일 태그 080b747a20f9163200dd0a7d304ba388로 작성된 웹페이지의 헤드 부분에 배치됩니다.
2) 작성된 스타일은 해당 스타일을 사용하는 웹페이지에만 사용됩니다.
3) 삽입된 스타일을 "내부 스타일"이라고도 합니다. 헤더에 정의된 스타일은 페이지 전체에 적용됩니다. 아래 예에서는 페이지의 모든 h1 태그가 제목을 빨간색으로 표시하도록 합니다.
<head>
<style type="text/css">
h1 { color: red; }
</style>
</head>
외부 스타일 시트
HTML 파일과 마찬가지로 CSS 파일은 일반 텍스트이며 일반적으로 .css 파일 확장자를 가지며 특정 태그를 통해 HTML 파일에 연결될 수 있습니다. 특징: 1) 별도의 문서에 작성한 후 다양한 웹 문서에 첨부
2) 수정하면 호출하는 모든 페이지에 영향을 미칠 수 있음
3) 조작이 용이함
예를 들어, style.css 파일의 내용은 다음과 같습니다.
🎜body { background-color: beige; color: #000080;}
h1 { color: red;}🎜 그런 다음 bd72bfde891514677616a913ab9d9cad를 사용하여 헤더에 적용할 수 있습니다. 🎜<head> <link rel="stylesheet" type="text/css" href="style.css" title="style"> </head>🎜요즘 대부분의 웹사이트는 별도의 문서에 작성한 후 다양한 웹 문서에 추가되는 스타일인 외부 스타일 시트를 사용합니다. 외부 스타일 시트는 연결된 모든 파일에 영향을 줍니다. 즉, 20페이지 웹사이트가 있고 모든 페이지가 동일한 스타일 시트를 사용하는 경우 변경이 필요할 때 스타일 시트를 간단히 편집하여 해당 페이지를 완성할 수 있습니다. 사이트 관리가 더 쉬워졌습니다. 외부 스타일 시트의 단점은 이러한 외부 파일을 얻고 로드하려면 페이지가 필요하다는 것입니다. 모든 페이지가 CSS 테이블의 모든 스타일을 사용하는 것은 아니므로 많은 페이지가 실제로 필요한 것보다 훨씬 더 큰 CSS 페이지를 로드합니다. 🎜
위 내용은 CSS(Cascading Style Sheet)란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!