はじめに
"こんにちは、未経験からエンジニア転職達成のためこの学習記録では、JavaScriptをマスターし、ウェブ開発のスキルを向上させることを目指します。進捗や課題についても発信していく予定です。
改善点やアドバイス等ぜひコメントください🙇♂️
課題と問題
1.< link rel="icon" href="images/favicon.svg" type="images/svg+xml">とは
2.position: fixed;:とは
3.inset: 0;とは
4.offsetとは
分かったこと
1.rel属性でwebページのアイコンを指定して、href属性: ファビコンのファイルパスを指定する。
2.position: fixed;: このプロパティは要素をビューポートに対して固定位置に配置します。要素がスクロールに追従せず、画面上で固定されます。
3.inset: 0;: inset プロパティは、上下左右の余白（マージン）を一括して設定します。0の値を指定することで、上下左右の余白をすべてゼロに設定し、要素が画面全体に広がります。この方法は要素を画面いっぱいに広げるための簡単で効果的な手法です。
4.opacity:1,offset:.8, durationで指定した秒数のうちoffsetで指定した％から（2秒なら80%1.6秒から）変化をつける。
振り返り
インプットだけでなくアウトプットとして、
ロードが完了したら背景が徐々に変わっていく機能を一からやってみました。
わからない点は 無料版のchatgptに聞いていますが、有料版にした方がいいのか迷ってます。