CSS定義と3つの導入方式
1598 ワード
1.CSS:積層スタイルシートCSS(Cascading Style Sheets)
2.HTML+CSS——>人間の肉体に相当する——>JavaScript——>人間の思想行為に相当する.
3.HTML——>主にページの構造を担当する.
4.CSS——>主にページを担当する様子;
5.初期のHTMLのスタイルは、ラベルの属性によってページの様子を決定します.
1.属性が多い——>ブラウザが面倒——>HTMLは多くのものを変更しなければならない.
2.開発者にとって-->コードの属性は複雑で、メンテナンスが難しい.
りんご
w 3 cはCSSのような標準を発売しました.>外観に関連するすべての属性をスタイルにマージします.
りんご
以上は偽のコードです.
6.セレクタ-->スタイル属性とラベルの関係付け;
7.コードの多重性を向上させるため-->htmlにはラベルしかありません-->CSSにはスタイルしかありません.
3つの参照方法:
1.収束スタイル——>ラベルの中でstyle属性を使う——>スタイルをstyle属性に書く;
2.styleラベルをどのように導入するか-->styleラベルは、複数のスタイルを抽出するために-->セレクタ-->ラベルセレクタ
内部様式——>CSSをheadに書く;
3.外部スタイルシート——>CSSをファイルに入れる——>linkタグで外部ファイルを導入する
vscodeに23を作成する.cssファイル
htmlコードセグメントは
2.HTML+CSS——>人間の肉体に相当する——>JavaScript——>人間の思想行為に相当する.
3.HTML——>主にページの構造を担当する.
4.CSS——>主にページを担当する様子;
5.初期のHTMLのスタイルは、ラベルの属性によってページの様子を決定します.
1.属性が多い——>ブラウザが面倒——>HTMLは多くのものを変更しなければならない.
2.開発者にとって-->コードの属性は複雑で、メンテナンスが難しい.
りんご
w 3 cはCSSのような標準を発売しました.>外観に関連するすべての属性をスタイルにマージします.
りんご
以上は偽のコードです.
6.セレクタ-->スタイル属性とラベルの関係付け;
7.コードの多重性を向上させるため-->htmlにはラベルしかありません-->CSSにはスタイルしかありません.
3つの参照方法:
1.収束スタイル——>ラベルの中でstyle属性を使う——>スタイルをstyle属性に書く;
1
2.styleラベルをどのように導入するか-->styleラベルは、複数のスタイルを抽出するために-->セレクタ-->ラベルセレクタ
内部様式——>CSSをheadに書く;
1
3.外部スタイルシート——>CSSをファイルに入れる——>linkタグで外部ファイルを導入する
vscodeに23を作成する.cssファイル
div{
color:red;
width:100px;
height:100px;
background:yellow;
}
htmlコードセグメントは
1