Portfolio2＆模擬サイト作成1・・

驚き・・
ディスプレイの擬似解像度を上げて使用している場合、画面が自分の使っている本来のものより大きく認識されている。LP制作上、想定外の余白ができてしまい使いにくいのでデフォルトに戻しました。

今後のReference・・
vw、vhとは
vw、vhといった単位は「view width」「view height」の略で、画面の幅や高さに対する割合を指定する。width: 100vwで画面いっぱいの幅になる。

疑似要素::afterの使い方
擬似要素とは、HTMLには記述していないものをCSSで追加する記述方法。疑似要素::afterをつけると、その前に空っぽのインライン要素(っぽいもの)ができるようなイメージ。
::afterに文字が入る場合はcontentプロパティで定義します。空っぽにしておく場合も同様で、""内を空にしておきます。
似たものに「::before」があります。「::after」の場合、インライン要素(っぽいもの)がその前に追加されるのに対し、「::before」の場合はその後に追加される。

Portfolio・・
XSERVER(エックスサーバー)
XSERVERは、もっとも人気の高いレンタルサーバーサービス。サーバーの性能が高く、素早くページを表示させることができる。

FTP(File Transfer Protocol)ソフト
サーバーに接続してファイルをアップロードするためのソフト。遠隔でサーバーにアクセスする方法

Tip・・

◉上下の要素にそれぞれMarginを設定した場合、marginは相殺され（重なり合う）大きい数値だけが適用される。（「marginの相殺」）

◉後の変更等を加味し、classには数字は使わない。

◉効率的にcssを記述するため、タグにはclassを当てる。

◉選択しやすくするため、class名には"-"ではなく"_"を使用する。

・Retinaディスプレイ
人間の目で識別できる限界を超えるほど細かいことからRetinaディスプレイと名づけられた。従来の倍の解像度(高画素密度)のディスプレイ。