进击のpython
基本的なフロントエンドを学ぶ--css
CSSスタイルはどこに書くことができますか？実際には、CSSスタイルは非常に柔軟なプラグイン
挿入された状況によると、それは3つのケースに分けることができます
そして次は、これらの3例簡単な説明になります
内嵌式
CSSスタイルシートは、直接内部に行くために既存のラベルにコードを置くことができます
このメソッドは、インラインと呼ばれています。
<p style='color:red;'>文字颜色为红色</p>開始ラベルのpタグに書き込まれ、対応するスタイルプロパティ、
CSSスタイルのライトスタイルでコード=「」二重引用符、セットCSSスタイルコードが複数セミコロンで区切って、一緒に書き込むことができる場合
<p style='color:red;font-size:12px;'>文字颜色为红色</p>埋め込み
新しいタスクがあります百因必有果！你的报应就是我！あなたは私の3つのターンは、赤、フルーツがなければならないので、私は百をしたいです、
ビルトイン使用している場合、それはあまりにも難しいだろう（各<span>スタイル=のタグ「色：赤;」？文で、それを複数のスパンがある場合）
だから、埋め込まれた書き込みCSSスタイルは、私たちはすぐにこの問題を解決することができます
組み込みCSSスタイルスタイルは、コードを書くことである<style type='text/CSS'></style>ラベル間
タグのスパンスタイル統一セット：
<style type='text/CSS'>
span{
color:red;
}
</style>埋め込まれたCSSスタイルはで書かれなければならない<style></style>との
書かれており、一般的な組み込みCSSスタイル<head></head>の間
外部式
私たちは、淘宝網のモールのウェブサイトの似たようなものを行う場合だけで、想像
だから、プロジェクトの増加ニーズに、私たちのCSSコードの量は、後の段階でより大きく、よりになります
私たちの前述のインラインアセンブラと組み込みCSSスタイルは、私たちがどのように行う必要があり、その後、確かな方法ではないでしょうか？
今回は、後のメンテナンスの利便我々のコードという、別の別のファイルに私たちのCSSコードを記述するために使用することができます
そして、これは、外部CSSスタイルスタイルです
外部CSSスタイルスタイル（も外側チェーンとも呼ばれる）別の外部ファイルにCSSコードを書くことで、CSSスタイルファイル「.CSS」の拡張子
で<head>内側（ないスタイルタグ内）を使用して、<link>タグのスタイルファイルをHTMLファイルには、次のコードにリンクされています。
<link rel="stylesheet" href="index.CSS" type="text/CSS">- 以下のような意味のあるアルファベット名でのCSSスタイルファイル名、のmain.css、index.css、base.cssなど
- relが=」スタイルシート」
- REL：略語関係との関係、文書のrel属性は、リンクやHTML文書を定義するために使用されます
- スタイルシート：外部スタイルシートのドキュメント
- HREF：ハイパーリンク（時間を学習する前に、ラベル）のアドレス値スタイルシートファイルのURL、ターゲットのhref属性を指定されています
<link>一般的に書かれたラベルの位置<head>のタグ
優先順位
非常に多くの方法は、オーバーレイは、そのスタイルでは行うべきで、使用する場合は？？？それは我々が検討して今持っている問題であり、
私たちは、テストを実行します。
- 使用するインラインCSSの赤い文字で「果物がなければならないので、百」のセットが。
- その後、使用埋め込まれたCSSは、緑にテキストを設定しました
- 最後に、の使用外部スタイルは、ブルー（index.cssファイル設定）にテキストを設定しました
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="index.css">
<style>
span {
color: green;
}
</style>
</head>
<body>
<p><span style="color: red">百因必有果！</span>你的报应就是我！</p>
</body>
</html>span{
color: pink;
}私たちは、色が赤であることが判明し、なぜですか？これらの3つの方法の導入は、優先度の高いブラウザでの優先順位は、スタイル属性誰が表示されますですので、
内联式>嵌入式>外部式
ここにフォーカス！！嵌入式>外部式前提があります：特定のスタイル外の背中に埋め込まれた場所のCSSスタイル！
緑：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="index.css">
<style>
span {
color: green;
}
</style>
</head>
<body>
<p><span>百因必有果！</span>你的报应就是我！</p>
</body>
</html>ピンク：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
span {
color: green;
}
</style>
<link rel="stylesheet" href="index.css">
</head>
<body>
<p><span>百因必有果！</span>你的报应就是我！</p>
</body>
</html>だから、基本的な優先順位は、実際に近接の原理であります！、どのスタイルで、過去からの要素を変更しました！
CSSはカスケーディング・スタイル・シートと呼ばれる理由はここにあります！