css学習のまとめ

cssそれは何ですか？

cssのフルネームカスケーディングスタイルシート、英語名カスケーディングスタイルシートは、あなたが理解していない場合、それは問題ではない、htmlは人間の人体のバックボーンである場合、cssは人間の体に服を着ている、光は人間の体を見て、そこにコンテンツが裸に見えることができますが、美しく、動きのある服を着た後、形の良い色を持っており、より良い人体の美しさを反映しており、cssはcssの役割は、装飾的なhtmlとして機能することです。

要するに、cssはhtmlの装飾的な役割として、形而上学の世界に直接入っていくわけですね。

css

CSS 2.1は2011年以来、9年ぶりに最も広く使われているCSSのバージョンですが、CSS3は違います。CSS3は、モジュールのアップグレードの産物です。その名の通り、CSSはさまざまなモジュールに分割され、それぞれがアップグレードされています。セレクタ、メディアクエリ、カラーなど、CSSの仕様クエリについては、ググればいくらでも出てきます。ドキュメントをご覧ください。

css周辺ツール

LESS CSS: 簡素化され、より機能的な CSS 言語 SASS: 簡素化され、より機能的な CSS 言語 PostCSS: CSS プロセッサ

学習リソース

Googleキーワード MDN CSS Tricks + Keywords このサイトでは、様々なCSSエフェクトのTipsを紹介しています！Ruan Yifeng Zhang Xinxu and other blogs codrops Inside the css implementation of small controls css revealed - book 英語の本が読みたい方におすすめです。

cssとhtmlの接続方法

1. インラインスタイル
2. style
3. linkアウトラインスタイル

注釈セクション

1. ドキュメントフロー ドキュメントフローとは何ですか？ドキュメントフローとは、ドキュメント内の要素の流れ方向のことで、インライン要素は左から右へ、ブロックレベル要素は上から下へ、個々の要素は別々の行に配置されます。
2. div height div の高さは、その内部ドキュメントストリーム内の要素の高さの合計によって決まります。
3. floatを水平レイアウトに使う方法 子要素にそれぞれclass: clearfix、floatを設定し、親要素にclass: clearfix clearfixを設定する コードは以下の通りです：

.clearfix::after {
 content: '';
 display: block;
 clear: both;
}

1. max-widthとwidthの違いは、widthは死ぬまで固定幅で書かれ、その後の拡張を助長しないことです。