模写をするにあたって、「自分の思った通りの場所に、要素を配置する」ということが非常に重要だと感じる。positionプロパティを復習。・そもそもpositionプロパティとは何か?→ボックス要素の位置を指定する際に使用するプロパティ。(インライン要素には使用できない。インライン要素にも使用する場合にはdisplayでblockかinline-blockにする必要がある)・種類は主に4種類static=何も指定しないときはこれがデフォルトで選択されている。この値の時には、top/right/bottom/left、またz-index(要素の重なり)は適用されない。relative=現在の位置を基準に、相対的な位置を指定する。「現在の位置」とはstaticを指定した位置を表す。absolute=絶対的な位置を指定する。親要素にstatic以外の要素が指定されている場合には親要素の左上を基準に、親要素にstaticが指定されていない場合には、ウィンドウ全体の左上が基準となる。fixed=絶対的な位置を指定するが、画面がスクロールされても位置は固定となる。*上記のことから、absoluteを使用する場合はその親要素にrelativeを記述しないとダメ。・位置はどうやって指定する?top/right/bottom/leftで指定する。15px;と指定すると基準となる左上から、上から15px、左から15pxとして位置を指定する。right」の二つの組み合わせで指定する。数字;で指定することで、要素間の重なり順序を指定できる。数字が大きいほど要素は上に表示される。*指定する要素には、static以外の要素(主にrelativeとabsolute)を指定する必要がある。学習は全てウェブカツ!!というプログラミングスクールで学んでいます。コメントをキャンセルメールアドレスが公開されることはありません。PHP2019年10月18日22301viewわかっているようでわからない、PHPのFETCHを解説!PHP2019年10月4日6262viewPHPのデータベース接続ー呪文に見えるコードの正体を追う【初心者向け】PHP2019年10月11日5418viewちゃんと分かってる?ーPHPでとっても大事な$_POSTを理解しよう!プログラミング2019年9月27日4308viewVSCodeは初心者にこそおすすめ!-拡張機能で勉強効率を3倍にする-プログラミング2019年7月26日3547view30代・未経験・ウェブマーケティング業界への転職は失敗した。最近の投稿Laravel+Vueでゼロからサービスを作りました。takablog.ホームシェアTOPへ。