遠位注意-1

フロントエンドを書いて、フロントエンドが書かれたレコードをノック：

機能のほとんどは、にすることができW3C手引き数回以上をプレーしたかったが、時間が許可されていない、見つける、私は最善の方法は、あなたがそれの内側に直接実現したい機能を見つけるために、それらを利用することだと思います。

位置ページ要素

CSSの位置

ボーダー無色言葉遣い

ボーダーカラー：透明;

ピクチャ

応答Webデザイン

クラスを追加するための画像：スタイルで達成IMG応答ページの変更

何Zインデックスいますか？

レイヤードの要素

これ何の使用はそれを何ですか？その位置の要素がある場合：固定は、それが固定ページであるとして、そこに使用されています

小さなドットの前で李を削除します。

1 2 3

{ リストスタイル ：なし。 }

あなたは小さなドットを排除することができます

落ちる

ドロップダウンは、内蔵の20ピクセルの周りのパディング

だから、そうでない場合は、カオスの場所があるだろう、少なくとも150ピクセルであることを幅です。

Googleの素材のアイコン

applicaiton.html.erb内部のヘッドに追加しました

1 2	< リンク のhref = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "スタイルシート" >

実装は、Googleのアイコンを使用しています

材料アイコンのサイズ

1 2 3 4 5 6 7 8 9 10 11 12 13

.material-アイコン た.md-18 { フォントサイズ ： 18px ; } .material-アイコン た.md-24 { フォントサイズ ： 24ピクセル 。} iconsThe-.material た.md-36 { フォントサイズ ： 大カラム   遠位注-1アンバー「> 36px ;} .material-アイコン た.md-48 { フォントサイズ ： 48px ; } 明るい背景上の黒色としてのアイコンを使用する/ *ルール。* / .material-icons .md-dark { color: rgba(0, 0, 0, 0.54); } .material-icons .md-dark .md-inactive { color: rgba(0, 0, 0, 0.26); } /* Rules for using icons as white on a dark background. */ .material-icons .md-light { color: rgba(255, 255, 255, 1); } .material-icons .md-light .md-inactive { color: rgba(255, 255, 255, 0.3); }

<i class="material-icons md-18">face</i>

不过这个太小了，这么写明细变大了

1 2 3

.material-icons{ フォントサイズ ： 58px ; }

またはWRITE

<i class="fa fa-cloud" style="font-size:60px;color:lightblue;text-shadow:2px 2px 4px #000000;"></i>

横方向中心にどのようにフォント・アイコンとテキスト

横方向中心codepen

文言は覚えてDuokanjibian。レベルは非常に明確です。

カーソル：何であるのポインタ

カーソルのスタイルを設置

DL DT ddは何ですか

記述リスト

説明リスト

検索バーの変更

アニメーション検索バー

関連ログイン画面

ログインフォーム

（https://www.w3schools.com/css/css_rwd_images.asp）

スクロール上のナビゲーションバーの背景色とパディングを変更

スクロール接辞