css

CSS 擬似要素（::before/::after）

::before/::after フォルダ：css_sample_08 擬似要素とは選択された要素の特定の部分にスタイル付けするときに使います。主に装飾に使用します。例えば、::beforeは、要素の前、::after […]

transition フォルダ：css_sample_07 トランジションを使うとCSSプロパティが変化する際にアニメーション効果をつけることができます。【準備】 ▼style.cssへの追記上記の例では、ナビゲーシ […]

:link/:visited/:hover/:active フォルダ：css_sample_06 擬似クラスとはセレクターに付加するキーワードで、特定の状態に対するスタイル付けをするときに使います。例えば、マウスカーソ […]

幅・高さ width/height、余白 margin/padding、境界線 border、角丸 border-radius ボックスのサイズの規定、余白、境界線などの設定に関するCSSプロパティです。 CSSボックス […]

リストの装飾 list-style リスト（箇条書き）の設定を行うCSSプロパティです。【はじめる前に】 ▼index.htmlへの追記 ▼style.cssへの追記（一番下に追加）リストに関するプロパティ list […]

test-align/font-size/font-weight/font-family/line-height/letter-spacing テキストに関する設定を行うCSSプロパティです。【はじめる前に】 ▼ind […]

色 color ・背景 background 色や背景に関する設定を行うCSSプロパティです。【はじめる前に】 HTMLとCSSの準備 ▼index.html への追記（<head>と</head>の間に入 […]

CSSとは CSSの記述場所以下の３つの書き方がありますが、３番目の方法を推奨します。 1.HTMLタグ内に記述特定の場所だけに効果が及びます 2.<head>内に記述上記の例では、このページ内の、p（ […]