CSSファイルとは
cssファイルは、末尾に「.css」が付いた単なるテキストファイルです。
その機能は、cssコードをhtmlコードから分離することです。同時に、cssファイルは多くの変更をまとめることができるため、多くのhtmlに便利です。ファイルの使用、コードの重複の削減
前の写真:
これはCSSファイルです↓
次に、CSSファイルの使用方法について説明します
CSSファイルの使用方法
CSSファイルの作成方法
接尾辞「.css」のファイルを作成するだけです↓
CSSファイルの使用方法
まず、最初にhtmlファイルを作成し、いくつかのコンテンツを書き込みます
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
这句不加任何修饰的话是为了对比颜色和大小的
<h1>修饰一级标题</h1>
<h2>二级标题不被修饰</h2>
<p>p标签的内容也会被修饰</p>
</body>
</html>
たとえば、↑、cssファイルを使用してhタグまたはpタグを装飾しない場合は、頭に直接スタイルを記述し、必要な装飾を追加します。
これは次のようになります↓:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
h1{
color: red;
}
p{
color: blue;
font-size: 50px;
}
</style>
<title></title>
</head>
<body>
这句不加任何修饰的话是为了对比颜色和大小的
<h1>修饰一级标题</h1>
<h2>二级标题不被修饰</h2>
<p>p标签的内容也会被修饰</p>
</body>
</html>
次に、cssファイルを使用して装飾します
まず、作成したcssファイルにスタイルの内容を入れます。
書いたファイル名は「style.css」です。
cssコード:
h1{
color: red;
}
p{
color: blue;
font-size: 50px;
}
次に、作成したcssファイルをhtmlファイルで呼び出し、次の
ように記述します↓
<link rel="stylesheet" href="../css/style.css" type="text/css">
href = "cssファイルの場所"
htmlコード:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../css/style.css" type="text/css">
</head>
<body>
这句不加任何修饰的话是为了对比颜色和大小的
<h1>修饰一级标题</h1>
<h2>二级标题不被修饰</h2>
<p>p标签的内容也会被修饰</p>
</body>
</html>
効果のスクリーンショット:
作成するのは簡単ではありません。読んだ後、お役に立てば幸いです。
コンピューターを使用している場合は、「1つの主要なトリプル接続「よろしいですか、右クリックしてください[笑]
いい加減にして!
共に働く!
Keafmd