CSS 反復練習用

関連タイピング
-
自作のハンバーガーメニューを作成しましょう!
プレイ回数3326英語長文721打 -
2022.12.14:プロパティを削除・追加。
プレイ回数2967英語90秒 -
解説付きでbox-shadowの基本をまとめています。
プレイ回数291長文315打 -
初心者向けです。
プレイ回数7269英語546打 -
自分練習用
プレイ回数753長文259打 -
beforeとafter要素を使った装飾です。
プレイ回数304英語長文517打 -
blend-modeの自分暗記用です
プレイ回数725英字159打 -
プレイ回数451長文91打
問題文
(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;)
背景色の指定