HTML+CSS CSS スタイルを理解して簡単に始めることができます

一:CSSとは

cssはCascading style Sheetsの略で、中国語訳では「Cascading Style Sheets」と呼ばれています

CSSを使用する際に注意すべきことは何ですか。 :

1. Web ページで使用される CSS は外部 CSS ファイルに接続されているため、Web ページのコードが大幅に削減され、単一の Web ページでのみ使用される CSS を変更するのに非常に便利です。ドキュメントヘッダー形式。Web ページ内で 1 つまたは 2 つの Web ページのみが使用されます。CSS はインライン挿入方式を採用します。

2. 3 つの用途は混乱を引き起こすことなく混合できます。これが「カスケードスタイルシート」と呼ばれる理由です。これは、Web ページを表示するときにブラウザがこれを処理する方法です。最初にインライン CSS があるかどうかを確認し、存在する場合はそれが実行され、この文の他の CSS が実行されます。存在する場合は無視されます。次に、ヘッダーモードで CSS を確認し、存在する場合はそれを実行します。最初の 2 つが存在しない場合は、外部ファイルモードで CSS を確認します。したがって、3 つの CSS の実行優先順位は、インライン挿入、ヘッダーモード、外部ファイルモードであることがわかります。

css 構文:

/*Write css style*/

</style>

CSS スタイルを使用する利点の 1 つは、特定のスタイルを定義することによって次のような点が挙げられます。 Web ページの異なる位置にあるテキストに統一されたフォント、フォントサイズ、色などを持たせることができます。

次に、例を書いてみましょう:

<!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>

提出するリセットコード

自動運転

全画面表示