7/20(수) 🌀 HTML/CSS λ°˜μ‘ν˜•

eunooΒ·2022λ…„ 7μ›” 20일
htmlcss
0

πŸ”₯ HTML

🌟 address νƒœκ·Έ

  • footer μ˜μ—­μ˜ μ—°λ½μ²˜ λ§ˆν¬μ—…μ— μ‚¬μš© (λ³Έλ¬Έ x)

🌟 a νƒœκ·Έ href

  • mailto:email ν”„λ‘œν† μ½œμ„ μ΄μš©ν•΄ 메일 ν”„λ‘œκ·Έλž¨ μ‹€ν–‰ν•΄μ€€λ‹€.
  • tel:010-1111-1111 (λͺ¨λ°”일) μ „ν™” μ—°κ²°

🌟 meta νƒœκ·Έ viewport

<meta name="viewport" content="width=device-width, initial-scale=1" />
  • μ½˜ν…νŠΈμ— λ“€μ–΄κ°ˆ 수 μžˆλŠ” λ‹€λ₯Έ 속성 값이 뭐가 μžˆλŠ”μ§€ 찾아보기

πŸ”₯ CSS

🌟 will-change 속성

  • 미리 λ³€ν™”λ₯Ό μ•Œλ €μ£Όμ–΄ κ³„μ‚°ν•˜κΈ° μš©μ΄ν•˜κ²Œ ν•΄μ€Œ. ( μ„±λŠ₯ κ°œμ„  )

🌟 grid λ ˆμ΄μ•„μ›ƒ

🌟 font-variant: small-caps

  • μ†Œλ¬Έμž 크기λ₯Ό μœ μ§€ν•˜λ©΄μ„œ λŒ€λ¬Έμžλ‘œ λ³€ν™˜ν•΄μ€€λ‹€.

🌟 git (μ €μž₯μ†Œ .git 없이 ν΄λ‘ ν•΄μ˜€κΈ°)

  • degit 아이디/원본저μž₯μ†Œ 볡사디렉토리이름 (라이브러리 μ—†μœΌλ©΄ npx μΌνšŒμ„± λΆ™μ—¬μ„œ)

🌟 CSS λ‚΄λΆ€ import

  • λ Œλ”λ§ μ„±λŠ₯에 영ν–₯을 μ£Όλ―€λ‘œ μ‚¬μš©ν•˜μ§€ μ•ŠλŠ” 것이 μ’‹μŒ.

🌟 λ³€μˆ˜ μ„ μ–Έ 방법

:root {
	--λ³€μˆ˜μ΄λ¦„: κ°’;
    --μž¬ν• λ‹Ή λ³€μˆ˜: var(--λ³€μˆ˜μ΄λ¦„);
}
  • κΈ°λ³Έ 값듀을 λ³€μˆ˜λ‘œ μ •μ˜ ν›„ μž¬ν• λ‹Ή λ³€μˆ˜λ₯Ό μ‚¬μš©ν•˜μ—¬ λ³΄μˆ˜μ„±μ„ 높일 수 μžˆλ‹€.

🌟 λ°˜μ‘ν˜•μ˜ img 처리

  • μœ λ™μ μΈ μ΄λ―Έμ§€λŠ” μ½˜ν…μΈ , 고정은 배경으둜 μ²˜λ¦¬ν•˜λŠ” 것이 μ’‹μŒ

πŸ”₯ 팁

🌟 ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμžλŠ” μ„±λŠ₯ κ³ λ €κ°€ μ€‘μš”ν•˜λ‹€

profile
eunoo
이전 포슀트

7/19(ν™”) β˜€οΈ HTML/CSS κ³ μ •ν˜•

λ‹€μŒ 포슀트

7/21(λͺ©) 🌧 HTML/CSS λ°˜μ‘ν˜•

0개의 λŒ“κΈ€