CSS 사용법
- 高洛峰원래의
- 2016-10-08 15:36:181789검색
<br/>
Css(Cascading Style Sheets, Cascading Style Sheets)는 CSS의 개체 속성을 편집하여 페이지를 아름답게 하는 효과를 얻는 페이지 미화 방법입니다. CSS의 기본 작업 단위는 객체입니다. CSS를 사용하는 것은 C++/C에서 함수를 사용하는 것과 같습니다. CSS 객체는 정의, 선언 및 호출을 통해 사용되는 함수와 같습니다.
CSS에는 세 가지 선택기(객체 정의 및 사용)가 있습니다: 태그 선택기, 카테고리 선택기, ID 선택기
CSS에는 인라인 스타일, 임베디드, 링크, import
태그 선택기:
정의: 참조된 스타일 객체 이름 {태그 속성: 속성 값; 태그 속성: 속성 값;…….}
예: h1,h2{text-align: center; color: red;}
사용: 4a249f0d628e2318394fd9b75b4636b1……..321ca98e3b8fefc5a7425c731381253c… …..2e9b454fa8428549ca2e64dfac4625cd
카테고리 선택기:
정의: 태그 이름.클래스 이름 {태그 속성: 속성 값; 태그 속성: 속성 값;…….} 또는
.클래스 이름 {태그 속성: 속성 값;….}
예: p.center{ text -align: center }
. 오른쪽{ 텍스트 정렬: 오른쪽; }
사용: 00bac79f08837af9828fe881b8052e60……..94b3e26ee717c64999d7867364b1b4a3
,,,,, 클래스에서 정의한 스타일)
(예: .right{text-align: right;} 가 정의되어 있습니다. 호출 시 클래스를 통해 오른쪽 속성의 레이블을 호출하면 오른쪽이 표시될 수 있습니다. 858cb2865069c08e5393fc87f0621241…..2e9b454fa8428549ca2e64dfac4625cd; d2cbb43e857bddbbee25c4b71a5a27d4…… ……54bdf357c58b8a65c66d7c19c8e4d114; 등의 태그는 모두 오른쪽 정렬 속성을 나타냅니다.
ID 선택기:
정의: #id 이름 {레이블 속성: 속성 값; 레이블 속성: 속성 값;…….}
예: #sample{font- family:宋体; don't-size:60pt;}
사용: 908c3e84dc2b2ed2acd063f70943e1c3… …94b3e26ee717c64999d7867364b1b4a3
인라인:
선택기를 정의할 필요가 없습니다. 스타일 속성을 사용하여 요소의 스타일을 직접 지정하세요
예: < ;p style=”color:#FF0000”>……a61b5ce514f738b1cd43697760a1a5fc< ;/head>에 스타일 시트를 정의합니다.
예:
<html>
<head>
<title>xxxxxx</title>
<style type=”text/css”>
p{color: #000FF;}
.info{font-size: 12px;}
</syle>
</head>
</html>
링크 유형:
정의된 객체는 확장자가 .css인 파일에 별도로 배치되며, 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 사이에 2cdf5bf648cf2f33323966d7f58a7f3f 태그를 사용하여 필요한 웹 페이지에 연결됩니다.
예: 1bae5c5f4ef7c79273386b0982dac699
가져오기 유형:
및 링크 유형 import 메소드를 통해 임포트된다는 점을 제외하면 메소드는 비슷합니다.
예: aefae21bbc7a4a6cbc13578aa0f535bd@import url(xxx.css);531ac245ce3e4fe3d50054a55f265927
CSS 스타일 시트 우선순위 :
삽입된 스타일 시트> 인라인> 개요> 브라우저 기본값
<br/>