CSS 反復練習用
関連タイピング
-
TLJ専用のHTML練習用タイピングです。
プレイ回数4726 260打 -
CSSでよく使う単語の練習です。
プレイ回数458 長文英字1142打 -
beforeとafter要素を使った装飾です。
プレイ回数324 英語長文517打 -
解説付きでbox-shadowの基本をまとめています。
プレイ回数306 長文315打 -
html5の単語での基礎練習
プレイ回数5790 短文英字339打 -
初心者向けです。
プレイ回数7833 英語546打 -
vue Lifecycle Hooks
プレイ回数226 英語157打 -
html,cssカーソルを合わせると動く画像
プレイ回数616 長文456打
問題文
ふりがな非表示
ふりがな表示
(background-image:url();)
背景画像を指定する
(background-size:cover;)
背景画像の敷き詰め設定(比率維持)
(margin:auto;)
要素が中央に配置されるようにmarginが付く
(opacity:0.5;)
要素の透明度 (0.0で完全に透明)
(letter-spacing:5px;)
文字の間隔を指定
(:hover)
カーソルが載った時だけのCSSを適用する
(border-radius:10px;)
ボックス要素の四隅に角丸を付ける
(text-align:center;)
テキストの配置の設定(右/左/中央)
(margin:10px 20px;)
余白 (枠線(ボーダー)の外)
(padding:5px 12px;)
余白 (枠線(ボーダー)の内)
(border:solid 1px #fff;)
要素の外枠 (ボーダー)
(border-bottom:solid 2px #ccc;)
要素の外枠(下のみ) (ボーダーボトム)
(font-size:12px;)
フォントの大きさを指定
(float:left;)
要素を回り込ませる(左寄せ)
(float:right;)
要素を回り込ませる(右寄せ)
(clear:both;)
以降の要素のフロートを解除(左右の解除)
(:active)
クリックされてる間だけCSSを適用
(cursor:pointer;)
要素に乗ってる間、カーソルを変更
(line-height:6px;)
行間の指定
(transition:all 1s;)
変化の対象と変化の時間を指定
など
(width:1120px;)
幅 1120px
(width:90%;)
幅 90%
(height:320px;)
高さ 320px
(font-weight:bolder;)
フォントの太さ (一段階 太く)
(font-weight:lighter;)
フォントの太さ (一段階 細く)
(text-indent:10px;)
一行目のインデント幅を指定する
(list-style-type:none;)
リストから黒点を外す
(text-decoration:underline;)
テキストの下に線を追加する
(display:block;)
インライン要素をブロック要素にする
(background-color:#cccc55;)
背景色の指定