ITメモ
Make SiteMap CSS
「CSS」リファレンス
Webページを印刷する時の設定方法表示するサイズ別に適用する「CSS」を分ける方法方法「スマートフォン」対策ベージ移行時にフワッとページを表示する方法内容の縦位置を真ん中にする方法背景画像のスライドショーを作成する方法背景や画像に透明感を加える方法
「CSS」の基礎知識
「CSS」の書式「CSS」でのコメントの仕方「CSS」外部ファイルをHTMLファイルとリンクさせる方法「CSS」を「HTML」ファイルに記述する方法「CSS」で利用する単位「CSS」でテキストを編集する方法セレクターの優先順位と指定する方法
CSSプロパティ
「content」プロパティ - コンテンツを追加する方法「animation」プロパティ「transition」プロパティ - 変化をスムーズにスムーズにする方法「background」プロパティ - 背景を設定する「position」プロパティ - コンテンツの配置を指定する「opacity」プロパティ - 要素の透明度を設定する「linear-gradient」プロパティ - 二色以上でグラデーションを作るカラー設定「border-radius」プロパティ - 要素の四隅に丸みを付ける方法
CSSプロパティ【文字・テキスト関連】
「color」プロパティ - 文字の色を設定する「font」プロパティ - フォントを設定する「line-height」プロパティ - テキストラインの高さを設定する「text-indent」プロパティ - テキストインデントを設定する「text-align」プロパティ - テキストの配置位置を設定する「text-decoration」プロパティ - テキストに加えるで装飾を設定する「text-underline-position」プロパティ - テキストのアンダーライン位置を設定する「text-shadow」プロパティ - テキストのシャドー位置を設定する「text-transform」プロパティ - テキストの文字形態を設定する「white-space」プロパティ - テキストの自動改行を設定する「word-break」プロパティ - テキストの自動改行の設定をする「word-spacing」プロパティ - 単語間の隙間を指定「letter-spacing」プロパティ - 文字間の隙間を指定「text-justify」プロパティ - 文章右端空白にならないように、単語間・文字間のスペースを調整「text-autospace」プロパティ - 表意文字(漢字)と非表意文字(半角英数字)の隙間を指定「word-wrap」プロパティ - テキストの自動改行の設定をする「writing-mode」プロパティ - 縦書きを設定「direction」プロパティ - 文章の方向を設定「unicode-bidi」プロパティ - 単語の並びを設定
疑似要素
【擬似要素】「:before」 - 文字の先頭にマークを表示する方法





CSS


ホームページを作るのに必須のプログラミング「HTML」と「CSS」。
お互いを補完しあっている関係なので、1つとして考えられることもあるが、 厳密には、別のもの。
「HTML」は、ホームページの内容と型枠
「CSS」は、デザイン
という風に分かれている。
「HTML」だけだと、文字と写真だけで殺風景なページになる。
「CSS」だけだと、レイアウトだけなので、何もないページになる。
なので、「HTML」と「CSS」一緒で初めてホームページなどのWebページが作れる。

このページには、「CSS」の使い方を中心にまとめています。


「CSS」リファレンス


「CSS」の基礎知識


CSSプロパティ


CSSプロパティ【文字・テキスト関連】


疑似要素



; ;