フロントエンド初心者のための勉強メモ -html/css/js基礎知識のポイント(2)_html/css_WEB-ITnose

4 月 7 日に学んだ知識ポイント:

1:

Alt は画像に紹介文を追加することです、画像が読み込まれていない場合、alt 値が直接表示されるため、検索エンジンが検索時にこの画像を見つけやすくなります。

2: タグのダウンロード

href の値がファイル名または圧縮パッケージの場合、ブラウザのダウンロード機能が直接開始されます。このファイルをダウンロードします。

3:

アンカー ポイント。Baidu 百科事典で一般的に使用されます。 aタグをクリックするとidに対応する位置にジャンプします。

4: グループ セレクター

#box1, #box2{} ID が box1 と box2 であるオブジェクトを選択します。

5: クラスセレクター

.class

6: 型セレクター

p{};div{} など

7: スタイルの優先順位

1.

同レベルスタイル

デフォルト、後者は前者をオーバーライドします。選択した要素に特殊効果を追加します。特定の要素に上記の効果を継続させたい場合、これら 4 つの疑似カテゴリを記述する順序は、アクセス後に最後に記述する場合は上記のようにする必要があります。同じ要素の優先順位へのアクセス、アクセス順序へのアクセス、同じ要素のアクセス順序へのアクセス、アクセス順序へのアクセス、インタビューへのアクセス、インタビューへのアクセス、インタビューへのアクセス、アクセスへのアクセス同じレベルの最初の -level 要素にアクセスすると、後のスタイルは hover と active をオーバーライドするため、効果が継続的に表示されなくなります。 互換性の問題: IE6 は、 a 以外のタグの疑似クラスをサポートしません。IE6 より上のブラウザは、すべてのタグの

9: デフォルトのスタイルのリセット

は、 ; IE6 以降のブラウザは、開発前に、すべてのタグの疑似クラスとその他のスタイルをサポートします。非常に非効率的になるため、クリアするときにワイルドカードを使用しないことをお勧めします。

Ten: ブロック要素とインライン要素

ブロックの特徴:

1. デフォルトで 1 行を占有します。

2. 幅がない場合はデフォルトで全行になります

3. すべての CSS コマンドをサポートします。

埋め込み機能:

1. 同様のラベルを同じ行に表示できます。

3. 幅と高さをサポートしません。 4. 上下のマージンはサポートされていません。パディング; 5. コードが改行される場合、途中にスペースが入ります

' s ' s ‐ ‐ ‐ ‐ ‐ ‐ 変更するブロック属性とインライン属性ディスプレイを通して。

表示:ブロック; 表示:インライン;

コンテンツの幅が広がるとき。 : 互換性の問題: コードを変更するとスペースが表示されます。IE6、IE7 は属性タグを含むインライン ブロックをサポートしません。