こんにちは。新たにSpearlyチームにジョインした、ライターの大河です。 この記事は、HTML・CSS初心者である私が、Spearly CMSのチュートリアルで理解に時間がかかったところ、難しかったところをより噛み砕くための記事です。「Spearly CMS使ってみたけどよく ...

なんかこう色々やろうと思って色々手出ししてる一つがサイト作成のためのhtmlとcssなわけですが、勉強してて「header」タグが出てきたのですが、「ん？headではなくてheader？サイト自体に表示されてるし確かにheadタグとは違うな・・・」と思ったので、整理。

コンテンツ部分の高さがウィンドウサイズよりも小さくてフッターが浮いてしまう問題。 これまでの方法 レガシーブラウザにも対応するなら、「Sticky Footer Template for Bootstrap」でも紹介されているような手法を使わざるを得ない。 コードは以下の様な感じ。

HTML＋CSSだけでタブの切り替え機能を作る方法をサンプルと共に解説。複数のタブから見たい対象を選ぶだけで、ページを移動することなく表示内容が一瞬で切り替わります。選択中のタブがどれなのかを明示できるようにタブの色を変化させるのも簡単。