Html/Css (初心者が最初に読むべきガイド)

1. Web標準の意味を理解する - なぜWeb標準を採用するのか

***** コンテンツとスタイルを分離する

1. Web標準は一連の標準、つまり組み合わせて使用​​される一連の技術標準です[1]、構造化コンテンツxhtml
【2】、表現内容CSS
【3】行動コンテンツJavaScript

2. Web 開発用の小さなツール - Firefox の Firebug
ツール - アドオン - firebug を検索
Webフロントエンド作業のため、IE、Firefox、Google Chrome、Safariなどの互換性のあるブラウザが必要です。
Web ページに CSS スタイルがあるかどうかをテストします - ブラウザでテキスト サイズを変更します。

3. CSS定義スキル:
[1] 将来のCSSコードの最適化のために、すべての属性値の後に「;」を付けることが推奨されます。
[2] 一部のXHTMLタグには独自のデフォルトのCSS属性値があります。

たとえば、h1 タグには独自の属性値があり、自動的に太字で大きなフォント サイズで表示されます。
【3】主流ブラウザとの互換性と統一性を保つために、設定時には全ての要素のCSSプロパティを標準のものにリセットすることをお勧めします。
【4】ブラウザによってCSS属性値に互換性がない場合があります。最も重要なのはブラウザの互換性です。
【5】特殊なフォントを使いたい場合はどうすればいいですか？ --それを画像に変換します。

中国語フォントと英語フォントに分かれています。英語フォントを前面に、中国語フォントを背面にするようにフォントの順序を設定します。
[6] CSS編集ツール - 何でも使えます。専門家は葉っぱで人を殺すことができます。[7] テキストを垂直に中央揃えにしたい場合は、行の高さを要素の高さに設定します。行の高さ=要素の高さ。[8] CSSはxhtmlタグのデフォルトスタイルにリセットできます。

4. CSS を Web ページに適用する方法は、人が服を着る方法と同じです。
[1] インラインスタイル：1つに適用されます。
【2】埋め込みスタイル：タグの種類に適用されます。
【3】Webページが多数あり、それらすべてにCSSが必要な場合は、これらのCSSを別のファイルに記述することができます。これは外部リンクスタイルであり、推奨されます。
【4】インポートされたスタイル：スタイルもファイルに書き込まれ、Webページにインポートされます。

*****注: インポート スタイルは実際には埋め込みスタイルに似ており、どちらも Web ページにスタイルを追加します。
1. インポートするとHTMLファイルのスペースが消費される
2. 一部のブラウザでは解析の問題が発生する可能性があります。ブラウザは最後に @import の内容を読み取ります。
3. 複数のスタイル ファイルを 1 つのスタイル ファイルにインポートします。

2. CSSの特徴

CSS はカスケーディング スタイル シートと呼ばれます。

1. 継承: 子要素は親要素の特定のスタイルを継承します。
[一部の子要素にはデフォルト値があるため、親要素は必要ありません]

2. オーバーレイ: 子要素が親要素と同じスタイルを定義している場合、親要素のスタイルが上書きされます。
*****次のスタイルは以前のスタイルを上書きします

3. CSS スタイルの優先順位: スタイルが競合する場合、誰の意見に従うべきでしょうか?

CSS の優先度: 近接原則の範囲が狭いほど、優先度が高くなります。
スタイルがターゲットに近いほど、優先度が高くなります。

おじいちゃん -- 赤 お父さん -- 緑 子供 -- 青 選択の優先順位 インライン > id > クラス > タグセレクタ 特別な場合には、特定の属性の権限を増やすことができます
*****IEtest ツールにも互換性の問題があり、win7 では ie6 を開くことができません。--ie6 のグリーン バージョンをダウンロードしてください。直接使用するバージョンをインストールする必要はありません。

4. よく使われるテキスト、テキストコントロールのCSSスタイル

***** CSS スタイルを適用するときは、デフォルト値に注意する必要があります。ブラウザによって CSS のデフォルト値が異なるためです (ブラウザによってサポートされる属性が異なり、Web ページの互換性を確保する必要もあります。渡される属性を使用するようにし、互換性に違いがある属性は使用しないでください)。

5. CSSは要素の特定の状態を制御する-疑似クラス

疑似クラスの構文:
要素名: 疑似クラス名 {属性: 値}
例えば、ハイパーリンクのマウスオーバー状態
a:hover{テキスト装飾:下線;}
*****マウスが機能しない場合は、接続ステータスLVHAの順序を変更してください

上記のHtml/Css（初心者が最初に読むべきガイド）は、エディターが皆さんと共有するすべてのコンテンツです。参考になれば幸いです。また、123WORDPRESS.COMを応援していただければ幸いです。

オリジナルURL: http://www.cnblogs.com/xie-zhan/archive/2016/07/01/5631868.html