基本CSS3シリーズ-1.cssを取得
どのように1.css引用
- 内部
- 外部
- インライン
サンプルコード
CSS内部コード例####
<head>
<meta charset="UTF-8">
<title>index</title>
<style>
h1{
color: red;
}
</style>
</head>
外部CSSコード例####
<head>
<meta charset="UTF-8">
<title>index</title>
<link rel="stylesheet" href="test.css">
</head>
<body>
<h1>微信公众号:全栈学习笔记</h1>
</body>
CSSドキュメントをコードする(test.css)
h1{
color: red;
}
#### CSSインラインコードサンプル
<h1 style="color:red">
HTMLが強いcssファイルに別々のコードの可読性と保守性をファイル第二のアプローチは、であってもよいし、他の2つの方法を使用しないようにしよう、第二の方法を使用することをお勧めします
2.cssの優先順位
- インラインスタイル
- IDセレクタ
- クラスセレクタ
- タグ
いわゆるインラインスタイルは、第三の方法の上方に、このようにCSSスタイルレベルが最高です。優先順位は何ですか?例えば、私はスタイルが、クラスにラベルを追加し、色の属性を設定し、ラベルの内側にあった、アウトリーチのCSSファイルです。CSSスタイルのこのクラスに書かれているCSSファイルには、また、色の属性である、そして、ラベルにidを追加しました、そして私は、このタグのために行く、その後、CSSの内部のプラスカラースタイルに対応するIDをあげますプロパティ自体に色を書き、最後にあなたは色の最後には、あなたのスタイルを削除する場合は、表示に対応する色が色IDで、色のスタイル内に表示し、その上で見つける、CSSの優先順位と呼ばれています。
3.cssのコメント
そして、多くの言語では、CSSはまた、次の形式でのコードをコメント
/* 注释 */
長さの単位4.css
- PXピクセル
- EMの倍数
VW、VH、VMIN、VMAX、レムEMと:これらは、最も一般的に使用される単位は、そのような新しいCSS3の長さなど、いくつかの単位であり、
5.css色ユニット
- 赤
- #FF0000
- #F00
- RGB(255,255,255)
色:のような使用赤
6.cssセレクタ
より多くの内部CSSセレクタは、ここではセレクタの唯一の導入部であること、後でセレクタ、ポイント失われていないフォーカスああを説明してなり、マイクロチャネル公共番号:フルスタックの研究ノートは、完成されています。私はあなたの注意ああを楽しみにしています!
セレクタラフ内訳
- 一般的なセレクタ
- 基本的なセレクタ
- レベルセレクタ
- 疑似クラスセレクタ
- 属性セレクタ
簡単に言うと概要共通セレクター:
1.htmlセレクタ
*{
color:red;/*设置页面全部的字体样式属性*/
}
2.クラスセレクタ
.className{
/*设置某个class=className的全部标签的样式属性*/
color:red;
}
3.idセレクタ
#id{
/*设置某个id=id的标签的样式属性*/
color:red;
}
4.関連したセレクタ
に関連するセレクタ、それは何ですか?定義:セレクタセレクタ
<div class="div">
<h1>这是全栈学习笔记的关联选择器</h1>
</div>
CSSコード
.div h1{
color: red;
}
達成される効果はこれです:色属性H1以下のdivのクラスでは、タグは赤です
5.コンビネーションセレクタ
div,h1{
color: red;
}
赤:上記のコードと区別ノート、コードの機能は、その色のプロパティセット、divタグ、H1タグのクラスのすべてを実装することです。一般的には、色は、テキストの属性設定の色です。Caishuxueqian!
CSSのこの問題に関するチュートリアルここでは、同様にプロパティ次のCSSの一般的な属性値の様々なを説明します!フォロワーはああ指すようにしたいです!マイクロチャンネル公共番号:フルスタックの研究ノート
divタグとH1タグ、そのカラープロパティセット:赤。一般的には、色は、テキストの属性設定の色です。Caishuxueqian!
CSSのこの問題に関するチュートリアルここでは、同様にプロパティ次のCSSの一般的な属性値の様々なを説明します!フォロワーはああ指すようにしたいです!マイクロチャンネル公共番号:フルスタックの研究ノート