5-3. CSS ๊ธ๊ผด ์คํ์ผ , ๊ทธ๋ฆฌ๊ณ ์น ํฐํธ ์ฌ์ฉํ๋ ๋ฒ
1. font-family ์น ๋ฌธ์์ ์ฌ์ฉํ ๊ธ๊ผด์ font-family ์์ฑ์ผ๋ก ์ง์ ํ๋ค. font-family : 2. font-size ๊ธ์ ํฌ๊ธฐ๋ font-size ์์ฑ์ ์ฌ์ฉํ์ฌ ์กฐ์ ํ๋ค. px, pt, ๋ฐฑ๋ถ์จ ๋ฑ ์ฌ์ฉํ ์ ์๋ค. 1๏ธโฃ ํค์๋๋ฅผ ์ฌ์ฉํ์ฌ ๊ธ์ ํฌ๊ธฐ ์ง์ ํ๊ธฐ xx-small -> x-small -> small -> medium -> large -> x-large -> xx-large 2๏ธโฃ ๋จ์๋ฅผ ์ฌ์ฉํ์ฌ ๊ธ์ ํฌ๊ธฐ ์ง์ ํ๊ธฐ em : ๋ถ๋ชจ ์์์์ ์ง์ ํ ๊ธ๊ผด์ ๋๋ฌธ์ M์ ๋๋น๋ฅผ ๊ธฐ์ค์ผ๋ก ํ ํ ๋น์จ๊ฐ์ ์ง์ ํ๋ค. rem : ๋ฌธ์ ์์ ๋ถ๋ถ์์ ์ง์ ํ ํฌ๊ธฐ๋ฅผ ๊ธฐ์ค์ผ๋ก ํ ํ ๋น์จ๊ฐ์ ์ง์ ํ๋ค. ex : ํด๋น ๊ธ๊ผด์ ์๋ฌธ์ x์ ๋์ด๋ฅผ ๊ธฐ์ค์ผ๋ก ํ ํ ๋น์จ๊ฐ์ ์ง์ ํ๋ค. px ..
2021.10.10