CSS 스타일 시트란 무엇입니까? CSS 스타일 시트의 예에 대한 자세한 설명-CSS 튜토리얼-php.cn

CSS 스타일 시트란 무엇입니까? CSS 스타일 시트의 예에 대한 자세한 설명

零下一度

풀어 주다： 2017-06-16 14:52:32

원래의

3030명이 탐색했습니다.

스타일 시트란 무엇인가요?

CSS는 Cascading Style Sheet의 약어입니다. "Cascading Style Sheets"로 번역되었습니다. 웹 페이지 스타일을 (향상된) 제어하고 웹 콘텐츠에서 스타일 정보를 분리하는 데 사용되는 마크업 언어입니다.

웹 페이지에 스타일 시트를 추가하는 방법

다음 세 가지 방법으로 웹 페이지에 스타일 시트를 추가할 수 있습니다. 대상에 가장 가까운 스타일 정의의 우선순위가 더 높습니다. 우선순위가 높은 스타일은 우선순위가 낮은 스타일의 겹치지 않는 정의를 상속하지만 겹치는 정의를 재정의합니다. 예외에 대해서는 중요한 선언을 참조하세요.

스타일 시트에 연결

외부 스타일 시트 파일(.css)을 먼저 만든 다음 HTML 링크 개체를 사용할 수 있습니다. 예는 다음과 같습니다.

<head>
<title>title of article</title>
<link rel=stylesheet href="www.dhtmlet.com/rainer.css" type="text/css">
</head>

로그인 후 복사

그리고 XML에서는 다음과 같이 선언 영역에 추가해야 합니다.

<? xml-stylesheet type="text/css" href="www.dhtmlet.com/rainer.css" ?>>

로그인 후 복사

내부 스타일 블록 개체 정의(스타일 블록 포함)

< HTML 문서의 HTML> 태그와 사이에 블록 개체를 삽입합니다. 정의 방법은 스타일 시트 구문을 참조하세요. 예는 다음과 같습니다.

<html>
<style type="text/css">
<!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
-->
</style>
<body>

로그인 후 복사

여기서 스타일 개체의 유형 속성을 "text/css"로 설정하면 이 유형을 지원하지 않는 브라우저가 스타일 시트를 무시할 수 있습니다.

인라인 스타일

인라인 정의는 개체의 마크업 내에서 개체의 스타일 속성을 사용하여 적용되는 스타일 시트 속성을 정의하는 것입니다. 예는 다음과 같습니다.

<p style="margin-left: 0.5in; margin-right:0.5in">这一行被增加了左右的外补丁<p>

로그인 후 복사

스타일 시트 구문(CSS 구문)

Selector { 속성: 값 }
매개변수 설명:
Selector -- 선택기
property : value -- 스타일 시트 정의. 속성과 속성 값은 콜론(:)으로 구분됩니다. 정의는 세미콜론(;)으로 구분됩니다.

' 상속' 값

각 속성에는 지정된 값인 상속이 있습니다. 이는 상위 개체의 값을 컴퓨터 값과 동일시한다는 의미입니다. 이 값은 일반적으로 백업으로만 사용할 수 있습니다. 명시적으로 선언하는 것은 강조를 위해 사용될 수 있습니다.

CSS는 Cascading Style Sheet의 약어입니다. 캐스케이딩 스타일시트, 결합 스타일시트 등을 번역합니다.
예를 들어주세요. 예를 들어, 테이블이나 div는 집의 구성 요소이며 전체 웹 사이트의 프레임워크를 설정하는 데 사용됩니다. 그리고 CSS는 집의 장식입니다. 세련되지 않은 웹사이트는 보기 흉합니다.
우리는 웹사이트의 색상, 텍스트 등을 수정할 때 주로 CSS를 사용합니다.
CSS에 대해 더 알고 싶으시면 온라인으로 검색해 보세요. 온라인에는 많은 것들이 있습니다. 나는 단지 내 연습에서 당신에게 말하는 것입니다. 마지막으로 스타일과 프레임워크는 분리될 수 없다고 말하고 싶습니다.

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