๐Ÿšง HTML ๊ฐœ์š”, ์š”์†Œ

์ •์€๊ฒฝยท2020๋…„ 9์›” 16์ผ
0

๐Ÿ‘ธ Front-End Queen

๋ชฉ๋ก ๋ณด๊ธฐ
66/271

HTML ๋ธ”๋ก/์ธ๋ผ์ธ ์š”์†Œ

1. Block ์š”์†Œ

: div, h1, p

  • ์‚ฌ์šฉ๊ฐ€๋Šฅํ•œ ์ตœ๋Œ€ ๊ฐ€๋กœ ๋„“์ด๋ฅผ ์‚ฌ์šฉํ•จ
  • ํฌ๊ธฐ๋ฅผ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ๋””ํดํŠธ ์‚ฌ์ด์ฆˆ: width 100%, height: 0
  • ์ˆ˜์ง์„ ์Œ“์ž„
  • margin, padding์˜ ์œ„:์•„๋ž˜:์ขŒ:์šฐ ์‚ฌ์šฉ๊ฐ€๋Šฅ
  • ๋ ˆ์ด์•„์›ƒ์„ ์œ„ํ•œ ์šฉ๋„๋กœ ์‚ฌ์šฉ

2. Inline ์š”์†Œ

: span, img

  • ํ•„์š”ํ•œ ๋งŒํผ์˜ ๊ฐ€๋กœ ๋„“์ด๋ฅผ ์‚ฌ์šฉํ•จ
  • ํฌ๊ธฐ๋ฅผ ์ง€์ •ํ•  ์ˆ˜ ์—†๋‹ค.
  • ๋””ํดํŠธ ์‚ฌ์ด์ฆˆ: width 0, height: 0
  • ์ˆ˜ํ‰์œผ๋กœ ์Œ“์ž„
  • ์—”ํ„ฐ๊ฐ€ ๋„์–ด์“ฐ๊ธฐ๋กœ ๋‚˜ํƒ€๋‚จ
  • margin, padding์˜ ์ขŒ:์šฐ๋งŒ ์‚ฌ์šฉ ๊ฐ€๋Šฅ
  • text๋ฅผ ์œ„ํ•œ ์šฉ๋„๋กœ ์‚ฌ์šฉ
profile
#์˜์‹์˜ํ๋ฆ„ #์ˆœ๊ฐ„์ˆœ๊ฐ„ #์ƒ๊ฐ์˜์Šค๋ƒ…์ƒท

0๊ฐœ์˜ ๋Œ“๊ธ€