CSSの書き方/コメントとセレクタ
目次 01. CSSの書き方 ・CSSのサンプルと構造 ・セレクタに対してプロパティが複数の例 ・CSSのコメントの書き方 ・CSSを記述する場所 02. セレクタ ・IDセレクタとクラスセレクタ ・IDセレクタとクラス […]
カテゴリー：HTML / CSS
CSS 複数のセレクタを指定する/絞り込むサンプル
CSSの複数のセレクタを指定するサンプルと絞り込むサンプルです。 目次 サンプル 複数のセレクタを対象にする(セレクタをカンマ区切り) 階層構造の対象を絞り込む(セレクタの区切り文字が空白) […]
HTML caption テーブルのタイトルを指定する
HTMLのcaption要素で、テーブルのタイトルを指定するサンプルです。 目次 サンプル caption要素 表にタイトルを表示する 表のタイトルを左寄せにする caption要素 < table& […]
CSS word-break 単語の改行方法を指定
目次 01. word-break ・word-breakとは(単語の改行方法を操作する) 02. 値：normal ・normalで日本語の場合、単語の途中でも改行する ・normalで英字の場合、単語の途中でも改行し […]
CSS pxとemとremの違い(長さの単位)
目次 01. px ・ディスプレイの1ピクセルを1とする(px) 02. em ・要素にあるfont-sizeの値を1とする(em) 03. px ・ルート要素のfont-sizeの値を1とする(rem) ディスプレイの […]
CSS transition 要素をアニメーションさせる
説明 transition サンプル １．ゆっくり>加速>減速(ease) ２．一定の速度で変化(linear) ３．ゆっくり>加速(ease-in) ４．高速 […]
CSS list-style-type リスト項目のデザインを指定
目次 01. list-style-typeとは ・list-style-typeとは 02. 使用例 ・黒い丸 (disc) ・白い丸 (circle) ・黒い四角 (square) ・10進数の数値 (decimal […]
HTML ul要素とli要素でリストを作成する
目次 サンプル ulとli ulとliでリストを表示 リストの行間をmarginで広げるサンプル olとliのサンプル(番号付きのリスト) ulとli ulは、li要素とセットで、箇条書きのリ […]