CSS를 적용하기 전에 먼저 CSS가 무엇인지부터 이해해야 합니다. CSS는 Cascading Style Sheets의 약어입니다.
* CSS 언어는 컴파일이 필요 없고 브라우저에서 직접 실행할 수 있는 마크업 언어입니다(브라우저 해석 언어입니다).
* CSS는 표준 웹 디자인을 담당합니다. 웹 페이지 콘텐츠(XHTML)
* CSS 파일은 일부 CSS 태그를 포함하는 텍스트 파일이라고도 할 수 있습니다.
*
CSS 파일은 파일 이름 접미사로 CSS를 사용해야 합니다.CSS 파일만 변경하면 작업량을 줄일 수 있으므로 모든 웹 디자이너에게 필수 과정입니다.
* CSS는 W3C의 CSS 워킹 그룹에서 제작하고 관리하므로
쉽게 적용할 수 있습니다. CSS의 적용 방식은 근접성의 원리를 갖고 있기 때문에 다음 두 가지 방법으로 블로그에 추가할 수 있습니다. 즉, 대상에 가장 가까운 스타일 정의의 우선순위가 더 높습니다. 우선순위가 높은 스타일은 우선순위가 낮은 스타일의 겹치지 않는 정의를 상속하지만 겹치는 정의를 재정의합니다.
외부 스타일 시트 파일 연결(스타일 시트 연결)
먼저 외부 스타일 시트 파일(.css)을 만든 후 HTML 링크 개체를 사용할 수 있습니다.
예는다음
과 같습니다.
<제목>문서 제목</제목>
<링크 rel=stylesheet href=" http://www.devdao.com/dhtmlet.css " type="text/css">
</head>
XML에서는 다음 예와 같이 선언 영역에 추가해야 합니다.
<? xml-stylesheet type="text/css" href=" http://www.123-seo.cn/dhtmlet . css "?>
내부 스타일 블록 개체 정의(스타일 블록 포함)
HTML 문서의 <HTML> 및 <BODY> 태그 사이에 <STYLE>...</STYLE> 블록 개체를 삽입할 수 있습니다. 정의 방법은 스타일 시트 구문을 참조하세요. 예는 다음과 같습니다.
<html>
<머리>
<제목>문서 제목</제목>
<스타일 유형="텍스트/css">
<!--
본문 {글꼴: 10pt "Arial"}
h1 {글꼴: 15pt/17pt "Arial"; 글꼴 두께: 굵게: 적갈색}
h2 {글꼴: 13pt/15pt "Arial"; 글꼴 두께: 굵게: 파란색}
p {글꼴: 10pt/12pt "Arial" 색상: 검정색};
-->
</스타일>
</머리>
<body>
여기에서 스타일 개체의 유형 속성을 "text/css"로 설정하면 이 유형을 지원하지 않는 브라우저가 스타일 시트를 무시할 수 있습니다.