スタイル タグ ---> head タグ リンク内で。 ->ベース"/> スタイル タグ ---> head タグ リンク内で。 ->ベース">

ホームページ  >  記事  >  ウェブフロントエンド  >  初心者のCSS学習メモ

初心者のCSS学習メモ

零下一度
零下一度オリジナル
2017-06-29 09:22:271448ブラウズ

1. レビュー

  1. CSSとは何ですか?
    カスケード スタイル シート - カスケード スタイルは上書きされるだけで、置き換えられません

  2. CSS の使用方法

    style 属性--->

    --> head タグ内
    link--->

  3. html タグセレクターに渡された HTML タグ名要素を選択するには
  4. ① すべての HTML タグをセレクターとして使用できます

    ② タグがどんなに深く隠されていても選択されます
    ③ 特定のタグではなく、すべてのタグが選択されます。したがって、HTML タグセレクターを通じて設定するものは、いくつかの一般的な問題です
    id セレクター
    ① どのタグでも id 属性と属性値を使用できます (id はグローバル属性であるため)。 ID名は任意に付けることはできません。 ID の名前には数字、文字、アンダースコアを使用できますが、大文字と小文字が区別されます。ただし、文字で始める必要があります。法 法






    TestHeader Little Hump TestHeader Great Humps ②ただし、ID名は重複不可
    クラスセレクター ①クラス属性はどのラベルでも使用可能(クラス属性はグローバル属性でもある) ②クラス属性名は再利用可能
    ③クラス属性は複数のクラス属性値を持つことができます。


2. 包括的なセレクター

  1. 子孫セレクター div p

  2. Intersection セレクター div.dl

  3. Union セレクター div、p

  4. 子要素セレクターdiv>p

  5. シーケンスセレクター ul li:first-child ul:li:last-child

  6. 隣接兄弟セレクター div + p

  7. 通常の兄弟セレクター div ~ p


three 、継承

  1. 継承: Certain ss親要素の属性は、子要素に無条件に継承されます。テキストに関するすべての CSS 属性を継承できます: color text-line-font-

  2. スタッキング
    スタッキングは CSS の競合の問題を解決します
    重みを比較してカスケード問題を解決します
    ! important は「個人の属性」の重みを無限大に変更できます。使用量はできるだけ少なくしてください。


4. ブロックレベル要素とインライン要素

div ブロックレベル要素
スパンインライン要素
ブロックレベル要素とインライン要素の違い: 1. インライン要素には幅と高さを設定できません。インライン要素の幅と高さは、ラベルの幅と高さと同じです。ブロックレベルの要素は幅と高さを設定できます。 2. ブロックレベルの要素は別の行を占めます。ただし、インライン要素は単独で行を占有することはできず、他のインライン要素と行を共有することしかできません。 3. ブロックレベル要素で幅が設定されていない場合、ブロックレベル要素は自動的に親要素の幅全体を占有します。

以上が初心者のCSS学習メモの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。