CSS3に関するコードまとめ（部分）_html/css_WEB-ITnose

1. スタイル シートを作成します: selector{

Selector はスタイルを変更する必要がある要素、property は css 属性の名前です。 value に使用する形式

2. /* コメント*/

3. ルールが競合する場合、サーバーは後から出現するルールを優先します。重要

4. CSS プロパティの値は、継承された値 (値に継承を入力)、事前定義された値 (左、右、なし)、長さまたはパーセンテージ、純粋な数値、色

5 に分割できます。 : RGB (色: rgb (赤、緑、青)) (すべて 0 から 255 までの数字で表されます); (色: #red green blue) (青は 16 進数に変換できます); 、青、透明度）（透明度は 0 ～ 1 の小数で表され、1 は完全に不透明であることを意味します）; HSL（色相、彩度、明るさ）（色相は 0 ～ 360 の数値で表され、残りの 2 つの項目はパーセントです） ); HSLA (色相、彩度、明るさ、透明度)

6. 指定したテキストに対応するルールを入力し、.css の末尾を付けて保存して、外部スタイル テーブルを作成します

7. 外部スタイル テーブルをリンクします。 headセクションに;link rel=”stylesheet” href=”url.css” /> (rel属性とhrefの間にスペースがあり、最後にスペースがあります)

8. 埋め込みスタイルを作成します。シート: 先頭に を部分的に入力します (途中に任意の数のスタイル ルールを追加します)

9. インライン スタイルを適用: 要素の先頭に を入力します。書式設定する必要があります (途中に任意の数のスタイル ルールを追加できます) スタイル ルール、セミコロンで区切られます)

10. スタイルのカスケードと順序のルール: 他の条件が等しい場合、スタイルが遅いほど優先度が高くなります (インライン スタイルは、競合する他のスタイルをオーバーライドします)

11. メディア関連のスタイル シート: 1) リンクまたはスタイル開始タグに media="print/screen/all" を入力します

2) @media print を直接入力します。 /screen/all{} (スタイルを中央に追加し、セミコロンで区切ります)

12. セレクターを構築します:

1) 要素のタイプまたは名前に基づきます。

形式: 選択される要素の名前 (例: h1) {属性の名前; 適用される形式;} (例: 赤)

2) 要素が配置されているコンテキストに応じて。

形式: コンテキスト (例 h1) 選択される要素の名前 (例 em) {属性の名前; 適用される形式;}

a) スタイルシート (書式設定される要素の祖先) を入力します。必要に応じて祖先を入力してください) 子孫 (書式設定する要素) {属性の名前; 適用される形式;}

b) スタイルシートに親 (書式設定する要素を含むセレクター) を入力します>(必要に応じて続行できます)親) 子 (書式設定する要素) {属性の名前; 適用される形式;}

c) スタイルシートに、兄弟 (対象要素の直前に表示される同じ親要素内の要素) + (続けて入力できます)兄弟) 要素 (フォーマットされる要素) {属性の名前; 適用される形式;}

3) 要素のクラスまたは ID に基づきます

4) 要素の疑似クラスまたは疑似要素に基づきます。

5) 要素に特定の属性と値があるかどうかに応じて

13. 最初または最後の子要素を選択します:

スタイルを適用する最初または最後の子要素を入力します (オプションのステップ)。最初/最後の子要素を入力します: first-child/last-child{属性の名前; 適用される形式;}

14. 要素の最初の文字または最初の行を選択します:

要素を入力します (書式設定するセレクター)要素): first-letter (最初の文字) {属性の名前; 適用される形式;}

入力要素 (書式設定される要素のセレクター): first-line (最初の行) {適用される属性の形式;}