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