Html/Css（初めての方必見攻略法）

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

***** コンテンツとスタイルの分離

1.ウェブ標準は一連の標準、つまり技術標準である
使用上では、アプリケーションの組み合わせで
[1]、構造化コンテンツxhtml
[2], 表現力豊かなコンテンツ css
[3], 行動的なコンテンツ JavaScript

2, ウェブ開発ガジェット - Firefoxのfirebug
ツール - アドオン - firebug で検索してください。
Webフロントエンドとして、Firefox、Google Liuブラウザ、Apple Chromeなどのブラウザと互換性があるように動作します。
ページがCSSスタイルを持っているか、テスト - ブラウザでテキストサイズを変更します。

3.CSSの定義技術。
[1]、今後のcssコードの最適化のために、すべてのプロパティ値の後に"; "を付けることが推奨されています。
[2], いくつかのxhtmlタグは、独自のcss属性のデフォルト値を持っています。

例えば、h1タグは独自の属性値を持っており、自動的に太字になり、フォントサイズも比較的大きくなります。
/{br [3]では、主流のブラウザに対応するため、unityについては、設定時にすべての要素のcssプロパティを標準にリセットすることを推奨しています。
[4]、異なるブラウザ、独自の許可されないcss属性値を持っている - ブラウザの互換性地獄に。
[5], より特殊なフォントを使用したい場合、どうすればよいのでしょうか？--画像に変換します。

中国語フォントと英語フォントを分割する。フォントの順番を設定し、英語フォントを前、中国語フォントを後ろに設定する。
[6], css編集ツール - 好きなように使ってください、マスター、人を殺すために葉っぱを使ってください
7】、テキストを縦中央に配置したい場合、行の高さを要素の高さに設定する、行の高さ＝要素の高さ
8】、cssはリセット可能、xhtmlタグのデフォルトスタイル。

4. cssのWebページへの適用方法：それは人が服を着るときの方法に相当する。
[1]、インラインスタイル：に適用される。
2】、エンベディングスタイル。1つのクラスのタグに適用する。
3】、多くのWebページがある場合、すべてのCSSを別ファイルに記述し、これを外部リンクスタイルとして使用することを推奨します。
4】、インポートスタイル：同じくスタイルをファイルに書き出し、ウェブページに流し込む。

*****は、インポートスタイルは、実際には、ウェブページに追加されるという点で、インラインスタイルに似ていると説明しています。
1. インポートしたスタイルがhtmlファイルの容量を圧迫する
2、一部のブラウザでパースに問題が発生します。ブラウザは、@import の内容を最後に読みます。
3、複数のスタイルファイルを、1つのスタイルファイルにインポートする。

II. cssの特徴

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

1. 継承：子要素は親要素からいくつかのスタイルを継承する。
[子要素はそれ自体がデフォルト値を持つものもあるので、彼は親要素を使わない]。

2. スタッキング 親要素と同じスタイルを定義している子要素は、親要素のスタイルを上書きする。
の後のスタイルは、その前のスタイルを上書きします。

第三に、cssのスタイルの優先順位：スタイルが衝突したとき、誰に耳を傾けるか？

cssの優先順位：近接の原則
行動範囲が狭いほど、優先順位が高い。
ターゲットに近いスタイルほど優先度が高い。

おじいちゃん - 赤
お父さん - 緑
子供 - 青
選択優先順位
インライン>ID>クラス>タグセレクタ
特殊なケースでは、属性のパーミッションを昇格させることができる
***** IEtestツールは、互換性の問題もあり、win7ではie6を開くことができません。- IE6のグリーンバージョンをダウンロードする。どのバージョンと直接インストールする必要はない。

第四に、いくつかのよく使われるテキスト、テキストコントロールのCSSスタイル

***** cssのスタイルを適用する場合、そのデフォルト値に注意する必要があります。なぜなら、そのcssのデフォルトはブラウザによって異なるからです（閲覧するプロパティが異なる）。
また、ウェブページの互換性を確保する必要があり、互換性の差がある属性ではなく、通る属性を使うようにします（笑)。

V. cssは要素の何らかの状態を制御する - 擬似クラス

擬似クラスの構文です。
要素名：擬似クラス名 {属性：値}.
例 ハイパーリンクのマウスオーバーの状態
a: hover{text-decoration: underline;}.
***** マウスオーバーがうまくいかない場合は、接続状態をL-V-H-Aの順に変更してください。

上記のHtml/Css（初めての方必見の攻略法）は、私がお伝えした全てですので、参考にしていただき、スクリプトハウスをもっと応援していただければと思います。

元記事のアドレスです。 http://www.cnblogs.com/xie-zhan/archive/2016/07/01/5631868.html