CSS– tag –
-
JSがないと無理だったUIが、CSSだけでできる時代に
スクロールするとヘッダーがスッと消えて、上に戻るとふわっと再表示される。 スマホサイトやSNSアプリ、企業サイトなどでよく見かけるこの動きは、長らく「JavaScriptでしか作れないUI」の代表例でした。 しかし最近、CSSだけで同じことを実現できる仕組... -
【保存版】CSS Gridカードレイアウト完全ガイド｜auto-fit・minmaxでレスポンシブ対応する方法
1. はじめに：なぜCSS Gridでカードレイアウトを組むのか Webサイトのトップページやブログ一覧、制作実績ギャラリーなどで頻繁に使われるのが「カードレイアウト」です。画像＋テキストを整然と配置できるため、視認性が高く、情報を整理して伝えるのに適... -
【保存版】CSSセレクタの使い方完全ガイド｜子セレクタ・隣接・属性・:not まで
CSSセレクタとは？まずは基本をおさらいしよう CSSセレクタとは、「どのHTML要素にスタイルを適用するのか」を指定するためのルールです。HTMLが「骨組み（構造）」、CSSが「見た目（デザイン）」を担当するのは知っている方も多いと思いますが、CSSセレク... -
Reset CSSとは？Webデザインを始めるなら必ず押さえておきたい初期化スタイル+モダンCSS
Webサイトをコーディングしていて、「ブラウザによって少し見た目が違うな…？」と感じたことはありませんか？実はそれ、ブラウザごとに設定されている「初期スタイル（User Agent Stylesheet）」が原因です。 この差をなくし、すべてのブラウザで同じ状態... -
PHPフォームのCSS作成
お問い合わせの最初のページ HTML作成後、見た目の調整CSSを作成します。php-contact/ フォルダの中にstyle.cssを作成します。 style.cssを作成 HTML側に、<link rel="stylesheet" href="style.css">を忘れず入力しておきましょう。CSSコードも手入...
1
