(当然、CSSはプログラミング言語ではないですが)CSS3ではプログラムと見紛うばかりの動的な表示が可能になりました。
なおダウンロードすると(ブラウザ？によって)コードが改変されてしまう場合があるので、コードを参照したい場合は必ずブラウザのデベロッパー･ツール(開発者ツール)で参照して下さい。
CSSデモ／Commentary001
https://ano1335-chan.github.io/web/demo/Commentary001.htm
※表示されているワードをクリックすると、その解説が表示されます。
CSSデモ／吹き出し
https://ano1335-chan.github.io/web/demo/CSS_Balloon001.htm
※マウスカーソルを「!」にマウスオーバーすると吹き出しが表示されます。
CSSデモ／タブ
https://ano1335-chan.github.io/web/demo/CSSQuestion001.htm
CSSデモ／タブ(005)
https://ano1335-chan.github.io/web/demo/CSS_Tab_005
CSSデモ／タブ リンク使用 003
Tab-001-001：
https://ano1335-chan.github.io/web/demo/CSSTabLink003.htm#Tab-001-001
Tab-001-002：
https://ano1335-chan.github.io/web/demo/CSSTabLink003.htm#Tab-001-002
Tab-001-003：
https://ano1335-chan.github.io/web/demo/CSSTabLink003.htm#Tab-001-003
CSSデモ／タブ3Dエフェクト(027)
https://ano1335-chan.github.io/web/demo/CSS_Tab_3D-Effect_027.htm
CSSデモ／アコーディオン･メニュー012
https://ano1335-chan.github.io/web/demo/Accordion012.htm
CSSデモ／アコーディオン･メニュー032
https://ano1335-chan.github.io/web/demo/Accordion032.htm
CSSデモ／超シンプルCSSドロップダウンメニュー
https://ano1335-chan.github.io/web/demo/CSS_DropdownMenu.htm
CSSデモ／シンプルCSSドロップダウンメニュー086
https://ano1335-chan.github.io/web/demo/CSS_DropdownMenu086.htm
CSSデモ／サムネイル･ビュアー001
https://ano1335-chan.github.io/web/demo/Thumbnail/Thumbnail001.htm
CSSデモ／サムネイル･ビュアー(002)
https://ano1335-chan.github.io/web/demo/Thumbnail002
CSSデモ／SideMenu015
https://ano1335-chan.github.io/web/demo/SideMenu015.htm
CSSデモ／ハンバーガー･メニュー021
https://ano1335-chan.github.io/web/demo/Hamburger021.htm
※実在しないURLに飛ぶので、リンクをクリックするとエラーになります。
CSSデモ／ハンバーガー･メニュー031
https://ano1335-chan.github.io/web/demo/Hamburger031.htm
※チョッピリJavaScriptも使われているので、プロ向けでは無い。
CSSデモ／Accordion002
https://ano1335-chan.github.io/web/demo/Accordion002
※アニメーション表示だけです。
CSSデモ／Fade-in-out 001
https://ano1335-chan.github.io/web/demo/CSS_Fade-in-out_001.htm
CSSデモ／「transition、transform、rotateY 3D」001
https://ano1335-chan.github.io/web/demo/CSS_RotateY3D_001.htm
※マウスカーソルをテキストにhoverすると(3D的に)Y軸で360度 回転する。
CSSデモ／画像「transition、transform、rotateY 3D」(001)
https://ano1335-chan.github.io/web/demo/Img_RotateY3D_001
※[Rotate3D]ボタンをONにすると、画像が(3D的に)Y軸で180度 回転する。
[Rotate3D]ボタンがOFFなら、マウス･カーソルを画像にhoverすれば、画像が(3D的に)Y軸で180度 回転する。
CSSデモ／インラインSVG「ハート」
https://ano1335-chan.github.io/web/demo/CSS SVG-Heart 003.htm
※SVG表示だけです。
参考
意外と知らない!?CSSセレクタ20個のおさらい
http://weboook.blog22.fc2.com/blog-entry-268.html
!importantはもう使わない！CSSの優先順位をおさらいしよう
http://creator.aainc.co.jp/archives/4947
※↑ページ後半にCSS優先順位表が掲載されています。
スタイルの優先順位
http://www.htmq.com/csskihon/007.shtml
要素型セレクタ（タイプセレクタ） …… 特定の要素にスタイルを適用する
http://www.htmq.com/selector/type.shtml
全称セレクタ（ユニバーサルセレクタ） …… すべての要素にスタイルを適用する
http://www.htmq.com/selector/universal.shtml
