코딩/수업메모

250926 Market kurly(li-box)

ponyo118 2025. 9. 26. 17:35

h태그: 제목 → 아이콘 텍스트(선물특가) 토큰

p태그: 문단  시계

h 다음줄에 쓰기 위한  p태그 

span: 단어

 

※ inline 안에 block을 사용하면 좋진 않다.

사용해도 문제는 없지만 대부분 block 안에 inline 형태를 넣어서 사용한다

h2,p → block

span → inline

          <p>
            <span class="material-symbols-outlined">
            browse_gallery</span>          
            <span class=""></span>
          </p>

browse_gallery는 시계  표시이고, 전에 하트를 써서 위에 코드는 추가할 필요가 없다.! 

 

HTML)

          <p>
            <span class="material-symbols-outlined rowse_gallery">
            browse_gallery</span>          
            <span class="">333</span>
          </p>

 

CSS)

.rowse_gallery {
  color: indigo;
}

 

 

'코딩 > 수업메모' 카테고리의 다른 글

250930 picogram (li-box)  (0) 2025.09.30
250929 flex 연습  (0) 2025.09.29
250925 picogram(nth-child,구글 심볼)  (0) 2025.09.25
251002 1개월차 (Market kurly 모작)  (0) 2025.09.24
250924 코딩 기본  (0) 2025.09.24