ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS3に関するコードまとめ(部分)_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-24 11:23:52
オリジナル
1162 人が閲覧しました

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 (最初の行) {適用される属性の形式;}

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート