Dev Log#33-8月11日

1830 ワード
TIL CSS 大邱AI学校 html テキストリンク

今日の勉強内容


✅ 1. Naver eスポーツカー皮猫概論
✅ 2. Naver e Sports Header
✅ 3. NAVER e Sports main top

1.NAVER Eスポーツカー皮猫概論

  • の特定の場所で画面をロックするには、JavaScriptを使用して解決する必要があります.(省略)

    • 2.Naver e Sports Header

  • スクロール時、トップメニューは固定され、トップnavのみがタイトルとして処理されます.
  • 上端は常に固定され、position: fixed;が適用される.
    • 👉 html

    👉 css



    3.NAVER e Sports main top


    👉 html



    👉 css


    以下に示すように、
  • を変更します.
    #esport-main-top .live-wrap li {
	overflow: hidden;
	width: 625px; <-- 변경
	background-color: #1f2227;
	border-radius: 10px;
}

    👉 結果

    きょうの学習後期


    今日はネイバースポーツカーのピコ実習を行いました.今日のレッスンの難点はライブwrapのtxt wrap部分のpaddingが適切に調整されておらず、ふわふわした感じで、講師が反映するコード値とは違います.その後live wrapのliラベルのx軸が整列すると、レイヤが歪み、さらに修正されて改善されます.コード作成時にエラー点があるかどうかを特定するために,完了したコードを比較し修正した.capicat実習では、既存のWebサイトとは少し異なる構造しか反映できません.レイヤーが歪んだり反映されていない場合は、問題を解決するのに長い時間がかかる可能性があります.明日もがんばろう👩🏻‍💻🔥
    • EventBusのスレッド配布
    react