CSS

メインページ > 工学 > 情報技術 > プログラミング > CSS

CSSは、Webページの見た目を装飾するためのスタイルシート言語です。HTMLで記述されたコンテンツにスタイルを適用することで、Webページをより美しく、見やすく、ユーザーにとって使いやすいものにすることができます。

このCSS教科書では、CSSの基本から応用までを体系的に解説します。初心者から中級者向けの内容となっており、実践的な例や豊富な図解を用いることで、わかりやすく解説していきます。

目次

• はじめに

• CSSとは？
• CSSの役割
• 外部スタイルシート・埋め込みスタイルとインラインスタイル

• 基本

• セレクタ
• 宣言プロパティ
• 単位
• 重要度
• まとめ

• レイアウト

• 静的レイアウト
• 配置プロパティ
• Flexboxレイアウト
• グリッドレイアウト
• まとめ

• 応用

• アニメーション
• メディアクエリ
• ダークモード
• CSS関数
• CSSカスタムプロパティ
• プリプロセッサ
• まとめ

• 最新技術

• CSS Modules
• CSS Grid Layout
• CSS Custom Properties
• まとめ

• プロパティ一覧
• 参考資料

• ウェブサイト
• チュートリアル
• まとめ

附録

CanIUse.COM: ブラウザ対応情報を確認する方法

Web開発において、特定の機能がブラウザごとにどの程度実装されているか確認することは非常に重要です。 そのために、 https://caniuse.com/ というWebサイトを活用することができます。 たとえば、flexboxの実装状況を知りたい場合は、「flexbox」と検索します。すると、https://caniuse.com/?search=flexbox が返されます。 この結果から、現在廃止されたIEは最後のバージョンまでflexboxをサポートしていなかったこと、その他のモダンなブラウザはすべてサポートしていることがわかります。

この検索機能は、CSSだけでなく、HTML、JavaScript、そしてWeb APIのfetchなど、さまざまな技術に対応しています。