๐ ์ฐธ๊ณ
โ 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%๋ก ์ค์ ํ๋ผ๋ ๊ฒ'์์ ์ดํดํ ์ ์๋ค.