html css cheat sheet

html-css-チートシート

シンプルで厳選された HTML5 と CSS のチートシート。

チートシートの表示

ブラウザで html-css-cheat-sheet.html を開くだけです。外部依存関係はありません。

特徴

• 視覚的な例では、プロパティの特定の値がどのように表示されるかを正確に示しています。推測が少なくなります。
• インライン スタイルは、デモンストレーションされている特定のスタイル プロパティに使用されますが、コンテナ要素やスキャフォールディングには使用されません。これにより、ブラウザのインス​​ペクタを使用して、スタイルがどのように適用され、どの要素に希望のプレゼンテーションが実現されるかを正確に確認することが非常に簡単になります。
• プロパティ名の見出しはCSS プロパティを説明し、特定の視覚的な例はその下にプロパティ値を示します。
• フレックスボックスやネイティブ CSS グリッド レイアウトなどの最新の標準をカバーします。
• キーフレーム アニメーション、トランジション、および人気のあるライブラリanimate.cssの使用について説明します。
• レスポンシブ デザインを使用しており、モバイル デバイス、タブレット、大画面でも適切に表示されます。

チュートリアルではありません

HTML と CSS を学習するための優れたリソースがたくさんあります。このチートシートは、すべてを最初から教えようとするものではありません。これは、HTML/CSS をすでに理解している人にとって復習および視覚的な支援となります。

このチートシートでは JavaScript については説明しません。このチュートリアルまたは他のチュートリアルを検討してください。

ライセンス

マサチューセッツ工科大学

貢献

プルリクエスト、バグレポート、提案は大歓迎です。通常、問題には迅速に対応するよう努めますが、これは個人的なプロジェクトであり、対応については保証できません。