HTML+CSS CSS 스타일 이해로 시작하기 쉽습니다.

1: CSS란

css는 Cascading Style Sheets의 약어입니다. 중국어로 번역하면 "Cascading Style Sheets"라고 부르곤 합니다.

CSS를 사용해야 할 때 주의할 점:

1. CSS를 사용하는 웹페이지가 여러 개인 경우 CSS 파일을 외부에서 연결하는 방식을 사용하므로 웹페이지의 코드를 대폭 줄이고 수정이 매우 편리하며 단일 웹 페이지에서만 사용됩니다. CSS는 웹 페이지의 한두 곳에서만 사용되는 문서 헤더 방식을 사용합니다.

2. 세 가지 사용법을 혼동하지 않고 혼합할 수 있습니다. 이것이 바로 "캐스케이딩 스타일 시트(Cascading Style Sheet)"라고 불리는 이유입니다. 웹 페이지를 표시할 때 브라우저가 이를 처리하는 방법입니다. 먼저 인라인 CSS가 있는지 확인하고, 있으면 실행되며, 이 문장에 대해서는 다른 CSS가 있습니다. 두 번째로 헤더 모드에서 CSS를 확인하고, 처음 두 가지가 모두 없으면 실행한 다음 외부 파일 모드에서 CSS를 확인합니다. 따라서 세 가지 CSS의 실행 우선순위는 인라인 삽입, 헤더 모드, 외부 파일 모드임을 알 수 있다.

css 구문:

/*CSS 스타일 쓰기*/

< ;

CSS 스타일 사용의 한 가지 이점은 특정 스타일을 정의함으로써 다양한 웹페이지 위치의 텍스트가 통일된 글꼴, 글꼴 크기 또는 색상 등을 가질 수 있다는 것입니다.

그런 다음 예 ：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		body{
			font-size: 20px;
			color: red;
			font-weight: bold;
		}
	</style>
</head>
<body>
		中华民族伟大复兴
</body>
</html>

위의 경우 본문에 스타일을 정의하여 텍스트의 모든 내용이 이 스타일을 갖도록 했습니다.

css 참조 매뉴얼은 Baidu에서 다운로드할 수 있습니다. , 아래 그림과 같이 :

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ font-size: 20px; color: red; font-weight: bold; } </style> </head> <body> 中华民族伟大复兴 </body> </html>

제출하다 코드 재설정

자동운전