<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;}
사용:
……..
> ;
… …..
카테고리 선택기:
정의: 태그 이름.클래스 이름 {태그 속성: 속성 값; 태그 속성: 속성 값;…….} 또는
.클래스 이름 {태그 속성: 속성 값;….}
예: p.center{ text -align: center }
. 오른쪽{ 텍스트 정렬: 오른쪽; }
사용:
……..
,,,,, 클래스에서 정의한 스타일)
(예: .right{text-align: right;} 가 정의되어 있습니다. 호출 시 클래스를 통해 오른쪽 속성의 레이블을 호출하면 오른쪽이 표시될 수 있습니다.
…..
;…… ……; 등의 태그는 모두 오른쪽 정렬 속성을 나타냅니다.
ID 선택기:
정의: #id 이름 {레이블 속성: 속성 값; 레이블 속성: 속성 값;…….}
예: #sample{font- family:宋体; don't-size:60pt;}
사용:
… …
인라인:
선택기를 정의할 필요가 없습니다. 스타일 속성을 사용하여 요소의 스타일을 직접 지정하세요
예: < ;p style=”color:#FF0000”>……
> ;인라인:
먼저 선택기를 정의하고
< ;/head>에 스타일 시트를 정의합니다.예:
<html>
<head>
<title>xxxxxx</title>
<style type=”text/css”>
p{color: #000FF;}
.info{font-size: 12px;}
</syle>
</head>
</html>
링크 유형:
정의된 객체는 확장자가 .css인 파일에 별도로 배치되며,
사이에 태그를 사용하여 필요한 웹 페이지에 연결됩니다.예:
가져오기 유형:
및 링크 유형 import 메소드를 통해 임포트된다는 점을 제외하면 메소드는 비슷합니다.
예:
CSS 스타일 시트 우선순위 :
삽입된 스타일 시트> 인라인> 개요> 브라우저 기본값
<br/>
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
VSCode Windows 64비트 다운로드
Microsoft에서 출시한 강력한 무료 IDE 편집기
ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경
맨티스BT
Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.
