CSS

CSSはCascading Style Sheetsの略で、Webサイトのデザインやレイアウトを指定するスタイルシート言語です。
HTMLやXMLで記述されたWebサイトの体裁や見栄えを表現するために使用されます。
プログラミング

【CSS】font-weightプロパティでフォントの太さを指定する

font-weightプロパティは、フォントの太さを指定するプロパティです。 フォントの太さを変更することで、見た目を良くすることができます。 100~900などの数値や、boldやnormalなどのキーワードで指定することができます。
プログラミング

【CSS】letter-spacingプロパティで文字と文字の間隔のスペースを調整する

letter-spacingプロパティは文字と文字の間のスペースを指定するCSS(スタイルシート)のプロパティです。 文字と文字の間の隙間を数値+単位で指定します。 読み物が中心となるコンテンツでは、行の高さである「line-height」と同様に狭すぎると読みにくくなって離脱率が高くなってしまうため、調整が必要となるでしょう。
プログラミング

【CSS】text-alignプロパティで行揃えを変更する

text-alignは、文字や画像の水平方向の位置を変更することができるCSS(スタイルシート)のプロパティのひとつです。 値は「left」「right」「center」で指定します。 テーブルやdivなどのブロック要素を中央寄せすることはできません。
プログラミング

【CSS】background-attachmentで背景画像を固定にするかスクロールさせるか指定する

background-attachmentプロパティは、画面のスクロールバーに合わせて、背景画像を固定表示するかスクロールさせるかを指定するCSS(スタイルシート)のプロパティです。
プログラミング

【CSS】background-colorで背景の色を設定する

background-colorプロパティは、要素内の背景の色を指定するCSS(スタイルシート)のプロパティです。 色の指定の仕方は、「red」や「green」などのキーワードで指定する方法や、「#ffff00」など16進数で指定する方法があります。
プログラミング

【CSS】backgroundプロパティで色や画像を指定

backgroundプロパティは、色や画像、反復方法などの背景に関するスタイルをまとめて一括で指定するCSS(スタイルシート)のプロパティです。 background一括指定プロパティで設定されていないプロパティは、既定値に設定されます。
プログラミング

【CSS】line-heightプロパティで行の高さを調整する

CSS(スタイルシート)のline-heightプロパティは、行の高さの最小値を調整することのできるプロパティです。 行の高さは「font-size」より上と下に作る余白となります。 「line-height」を0に設定をすると、「font-size」と「line-height」の範囲が同じになり、余白がなくなります。
プログラミング

【CSS】font-sizeプロパティで文字の大きさを変更する

font-sizeはCSS(スタイルシート)のプロパティのひとつで、表示するフォントの大きさを変更することが可能です。 値は、「small」「large」などの絶対的なサイズや、「px」「em」、「%」などで指定することができます。
プログラミング

【CSS】font-styleプロパティで文字のスタイルを指定して変更する

CSS(スタイルシート)のfont-styleは、文字のスタイルを指定して変更するプロパティです。 normal(通常体)、italic(筆記体)、oblique(斜体)のどのスタイルにするか指定します。
プログラミング

【CSS】rgba()でテキストを半透明で表示させる

colorプロパティのrgb(赤,緑,青)は、0~255の10進数を記述してテキストの色を指定することができました。 rgbaでは、赤・緑・青だけではなくテキストの透明度も数値で指定することが可能です。 透明度は「0~1.0」の小数で表し、0に近いほど透明度が増し、0だと完全に透明になります。
プログラミング

【CSS】color | テキストの色を変更するプロパティ

CSSのcolorは、テキストの色を変更するプロパティです。 値で色の指定を行います。 指定の仕方は「red」「blue」「green」などの英語表記をそのまま記述するカラーキーワードや、「#ff0000」「#000000」など16進数で指定する方法、「rgb(赤,緑,青)」で指定する方法があります。
プログラミング

【CSS】スタイルシート文書内にコメントを記述する方法

CSS文書の中に、開発や保守を容易にするために、説明やコメントを残すことも重要です。 コードレビューやメンテナンスを行うため、変更の目的や履歴などを記述します。 ただそのまま記述をしてしまうと、Webページの表示に悪影響を及ぼしてしまいます。
プログラミング

【CSS】charset | 文字コードセットを指定する

CSSのcharsetは、「スタイルシートの中身が何の言語で記述されているか」という宣言を行う要素です。 CSSの1行目に必ず記述をしなければなりません。 この指定を誤ると文字化けが発生します。
プログラミング

【CSS】CSSの基本的な文法 | Webサイトのデザインやレイアウトを指定

Webサイトのデザインやレイアウトを指定するスタイルシート言語です。 HTMLやXMLで記述されたWebサイトの体裁や見栄えを表現するために使用されます。 文字の色や大きさ、背景の色、要素を表示する位置、行間、余白などを指定することができます。