問題一覧
1
色指定（#ff0000）
color: #ff0000;
2
文字の大きさ（60px）
font-size: 60px;
3
フォント指定（serif）
font-family: serif;
4
高さ（100px）
height: 100px;
5
横幅（100px）
width: 100px;
6
背景色（#868686）
background-color: #868686;
7
リストから黒点を消す
list-style: none;
8
指定した要素を横並び(左)にする
float: left;
9
余白を作りたいとき
padding
10
右並びにする
float: right;
11
外側全体の余白
margin
12
線(3px solid #ff0000)
border: 3px solid #ff0000;
13
部分タブ
<span>
14
1行のテキスト入力タブ
<input>
15
複数行のテキスト入力タブ
<textarea>
16
インプットに送信ボタンをつける
<input type="submit">
17
送信ボタンの名前を『保存』に変更
<input type="submit" value="保存">
18
透明(0.5)
opacity: 0.5;
19
背景画像を指定(top.png)
background-image:url(top.png);
20
1枚の画像で表示範囲を埋め尽くす
background-size: cover;
21
文字の間隔を指定する(2px)
letter-spacing: 2px;
22
ボタンクラスにカーソルを乗った状態(btn)
.btn:hover {
23
角を丸める（10px）
border-radius: 10px;
24
テキスト、インライン要素、インラインブロック要素を指定できるプロパティ
text-align
25
広い範囲を囲むようなブロック要素の中央寄せ
margin: 0 auto;
26
テキストやボタンのようなインライン要素の中央寄せ
text-align: center;
27
背景色のみを透明にする要素
rgba
28
アニメーションをつける
transition
29
行の高さを指定する(10px)
line-height: 10px;
30
文字の太さ(通常の太さに戻す)
font-weight: normal;
31
文字の太さ(太くする)
font-weight: bold;
32
要素同士を重ねて表示する
position: adsolute;
33
影をつける(水平方向10px 垂直方向10px #000000)
box-shadow: 10px 10px #000000;
34
セレクタ(div)にactiveをつける
div: active {
35
要素の位置をずらす
position: relative;
36
画面上に要素を固定する
position: fixed;
37
要素の重なりの順序を指定する(10)
z-index:10;