CSS 反復練習用

関連タイピング
-
初心者向けです。
プレイ回数6673英語546打 -
自作のハンバーガーメニューを作成しましょう!
プレイ回数2951英語長文721打 -
読み方の勉強です。
プレイ回数3246短文英字171打 -
CSSの暗記用です
プレイ回数445英語長文742打 -
プレイ回数43英字169打
-
html の基本16色
プレイ回数620206打 -
自分用transform まとめ
プレイ回数1078長文英字693打 -
CSSでよく使うプロパティのタイピング
プレイ回数293英語長文584打
問題文
(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;)
背景色の指定