CSS 学習ノートの概要とテクニック_html/css_WEB-ITnose

このプロジェクトについて Ye さんに話したところ、静的なホームページを書いてほしいと頼まれました。でも、実際に始めてみると、どうやって始めればよいのか分からないことに気づきました。モデルやモジュールがまったく理解できず、書くのがとても混乱しました。 ！

図に示すように、ページのドロップダウンにはサイドバー、中間コンテンツなどもあります。

でも、先生とやることに同意したので、卑怯なことはできなかったので、思い切ってMOOCでBootstrapを2、3日かけて学びました（講義はとても良いので、Dabaiを読むことをお勧めします）実際、私はすぐに読み終えましたが、その中の多くのことが実際に著者によって非常によくまとめられており、デモンストレーションもありました。

多くのことを得ることができたので、HTML div+css レイアウトをもう一度見てみるつもりです。そのインターフェイスは 1 ～ 2 日で書き終えることができます。それほど自信があるのですね、ははは〜自分を追い込まなければ、自分の良さは決して分かりません。

CSS ボックス モデル、これを理解する必要があります

本を読んでいるときにこの図を見たので、より理解しやすいと思ったので、

2. 優先度: id > class > タグ

3. 擬似セレクター: 実際には要素の状態です

これらの状態を定義するには、次の順序があります。 L V H A

Id とクラス属性名の使用制限

フレーム内のパーセンテージの関係

可視性と表示属性の違い

同じスタイルの再利用性と拡張性を向上させるために、複数のタグ スタイルを個別に定義して CSS ファイルにパッケージ化できます。

例: p.css div.css . css import を使用して、複数のタグ スタイル ファイルを CSS ファイルにインポートします。

レイアウト配置属性 –> テキスト属性 –> その他の属性 に従うことをお勧めします。 同様の属性が一緒に記述されるようにしてください。

属性列挙:

a：link：超链接被点前状态a：visited：超链接点击后的状态a：hover：悬停在超链接上的状态a：action：点击超链接时的状态