ホームページを運営する上で他サイトの文章や発言を紹介したいことがあります。HTMLには文章の引用を意味的に表現するための要素として<blockquote>・<q>・<cite>の3つが用意されています。見た目を整えるタグではなく「長い引用」「短い引用」「出典・作品名」といった役割を持ち検索エンジンや閲覧者に対して明確な情報構造を伝えます。これら3つの引用関連タグの基本的な使い方から実際の記述例、出典情報の書き方までを解説します。
コメントアウトは使い方を誤ると、・コードが動かなくなる・レイアウトが崩れる・バグの原因になる・最悪の場合、機密情報が全世界に丸見えになるといった深刻なトラブルを引き起こすことがあります。特にフロントエンド（HTML/CSS/JavaScript）のコメントアウトは情報漏えいの原因になります。HTML / CSS / JavaScript / PHP / Python / Rubyの複数行・一行コメントアウトやり方、コメントアウトタグの書き方、コメントアウト時の注意点まで徹底解説します。
実務でよく使用するposition（ポジション）プロパティの応用的なユースケース・画面右下のページトップボタン固定・モーダルウィンドウの中央配置・スクロール追随の購入ボタン固定を、初心者でも理解しやすい形でまとめて解説します。「position（ポジション）プロパティってどう使えばいいの？」という疑問を、この記事で一気に解消しましょう。
Webサイトを作っていると「要素を特定の位置に固定したい」「他の要素と重ねて表示したい」「スクロールしても常に画面上部に表示させたい」といった対応が必要になる場面がありますが、HTMLの構造を変えずにCSSだけで要素の配置を細かくコントロールできるのがpositionプロパティです。ここでは、CSSのpositionプロパティの種類（static、relative、absolute、fixed、sticky）と基本的な使い方、実務でよく使うユースケースについて解説します。
Webサイトの「テキストの前にアイコンを付けたい」「見出しの左に装飾ラインを引きたい」などの時に活用したいのがCSSの擬似要素。擬似要素を利用すれば、CSSだけで要素の前後や特定の部分にスタイルを適用できます。CSSの代表的な擬似要素や基本的な使い方を解説します。
「テキストの前にアイコンを付けたい」「見出しの左に装飾ラインを引きたい」等の時、HTMLでもできますが見た目のために要素を増やすとコードが複雑になります。CSSの擬似要素を利用すれば、CSSだけで要素の前後や特定の部分にスタイルを適用できます。ここでは、CSS擬似要素とは何か？CSSの代表的な擬似要素や基本的な使い方について解説します。
ホームページの印象を左右する背景色の設定はCSS必須スキルの一つです。単純に画面全体の背景色を設定するだけでなく要素を指定して色を付けることもで、デザインの幅が大きく広がります。ホームページの背景色、デザインをHTML、CSSで設定する方法や、背景色がうまく反映されないときの対処方法について解説します。
Webサイトの閲覧はPCたスマホ、タブレットなど多様なデバイスが使われるため、色々な閲覧環境を前提にWebサイトを設計する必要があります。CSSによる文字サイズの指定の応用編として画面に合わせて文字サイズを動的に変更(VW､VH、CLAMP関数、メディアクエリ)する方法を解説します。
小数点を含む小数値をコンピューターで表す形式には固定小数点形式と浮動小数点形式があります。固定小数点形式とは小数点の位置を固定して表す形式です。浮動小数点形式は小数点の位置を固定せずに表す形式です。コンピューターにおいて小数点を含む数（小数値）を表現する形式について解説します。
誰もが読みやすいWebサイトを作る上で文字サイズは重要な要素です。CSSではさまざまな単位やキーワードを使って文字サイズを指定､変更（数値と単位で指定orキーワードで指定）できます。ここではCSSによる文字サイズの指定方法や単位の種類を分かりやすく解説します。