TIL (note01)

0l0lยท2021๋…„ 5์›” 10์ผ
0

TIL

๋ชฉ๋ก ๋ณด๊ธฐ
29/86

์ƒˆ๋กœ ์•Œ๊ฒŒ๋œ ๊ฒƒ๋“ค ๋ฉ”๋ชจ ๋‚จ๊ธฐ๊ธฐ

๐Ÿ““ ์ฐธ๊ณ 
โ‘  form๊ณผ ๊ด€๋ จ๋œ ์š”์†Œ(button, input, select, textarea)๋Š” body์— font-style์„ ์„ ์–ธํ•˜๋ฉด ์Šคํƒ€์ผ์ด ์ ์šฉ๋˜์ง€ ์•Š๋Š”๋‹ค.
์š”์†Œ ์„ ํƒ์ž(Type selector)๋ฅผ ์‚ฌ์šฉํ•ด ์ž์ฒด์ ์œผ๋กœ ์ดˆ๊ธฐ ํฐํŠธ๊ฐ’์„ ์ง€์ •ํ•œ๋‹ค.

button,
input,
textarea {
  font-family: 'Lato', sans-serif;
}

โ‘ก width๊ฐ€ 0์ผ ๋•Œ, 'width: 0;'์ด๋ผ๊ณ  ์ž‘์„ฑํ•œ๋‹ค. (width: 0px;โŒ)

โ‘ข block์˜ ๊ฒฝ์šฐ ๋ณ„๋„์˜ width๊ฐ’์„ ์„ ์–ธํ•˜์ง€ ์•Š์œผ๋ฉด ์ž๋™์œผ๋กœ width๊ฐ€ 100%๋กœ ์„ค์ •๋˜์ง€๋งŒ ์ฝ”๋“œ์˜ ์˜๋„๋ฅผ ๋” ๋ช…ํ™•ํ•˜๊ฒŒ ํ‘œํ˜„ํ•˜๊ธฐ ์œ„ํ•ด 'width: 100%' ์ž‘์„ฑํ•จ (์—†์–ด๋„ ๋ฌด๊ด€)

๊ทธ๋ƒฅ max-width๊ฐ’๋งŒ ์„ ์–ธํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค 'width: 100%'์™€ ํ•จ๊ป˜ ์„ ์–ธ์„ ํ•˜๋ฉด 'max-width ๊ฐ’์— ๋„๋‹ฌํ•˜๊ธฐ ์ „๊นŒ์ง€๋Š” width๋ฅผ 100%๋กœ ์„ค์ •ํ•˜๋ผ๋Š” ๊ฒƒ'์ž„์„ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค.

profile
์ฒœ๋ฐฉ์ง€์ถ• ๋น™๊ธ€๋น™๊ธ€

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