7/29[首]国内外サイトカピネコ(NAVERニュース1編)


💡 学習の内容


┑NAVERニューストップエリア
💙 結果

✔¥中央揃え:横並びの最も基本的な書式で、上下の余白がない
画像参照局:https://hansolcha.tistory.com/4
❗️❕ TIP
🟠 CSS
.news-flex-start {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.news-flex-end {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
🟣 HTML
<nav class="news-header-left">
  16:                     <ul class="news-flex-start">
  17                          <li class="on"><a href="#">뉴스</a></li>

  37                  <div class="news-flex-between">
  38:                     <ul class="news-flex-start">
  39                          <li><a href="news.html" class="on">뉴스홈</a></li>

  64              <div class="news-headline-menu-wrap news-flex-between">
  65:                 <ul class="main-lists news-flex-start">
💨 共通属性をCSSに作成し、HTML classを入力すると簡単に使用できます.
✔️
#news-headline .news-headline-lists .headline-info i {
    display: block;
💨 iタグはinline要素なのでdisplay:block;スペースのサイズを設定する必要があります.

🙅🏼 学習中の難点/解決方法


多くの物体が重なり、それらを異なる配置に配置する必要がある仕事はよく知られていないようだ.私はあなたの心がどんなものか知っていますが、もしあなたがそれを混ぜ始めたら、あなたの頭は複雑になります.
このような場合、盲目的に講義に従うのではなく、講義を中断し、なぜこのような内容があるのかを考えることが重要だ.

🙋‍♀️ 学習の心得.


今日はネイバーニュースについて講座を行いました.学んだことを通してインターンシップを続けていますが、毎回新しいことが感じられるのも不思議なようです.
1日に2回聞くことをお勧めしますが、1回聞くのも大変だと思います.だから、私たちは別の方法で、学んだ授業を通じて、自分で設計の仕事をしなければなりません.