px์ ํฝ์ (ํ์) ๋จ์์ด๋ค. 1px์ ํ์ 1๊ฐ ํฌ๊ธฐ๋ฅผ ์๋ฏธํ๋ค.ํฝ์ ์ ๋๋ฐ์ด์ค ํด์๋(resolution)์ ๋ฐ๋ผ ์๋์ ์ธ ํฌ๊ธฐ๋ฅผ ๊ฐ๋๋ค.์ด์ ๊ฐ์ด ๋๋ฐ์ด์ค ๋ณ๋ก ํฝ์ (ํ์)์ ํฌ๊ธฐ๋ ์ ๊ฐ๊ฐ์ด๊ธฐ ๋๋ฌธ์ ํฝ์ ์ ๊ธฐ์ค์ผ๋ก ํ๋ ๋จ์๋ ๋ช ํํ์ง ์๋ค.%๋ ๋ฐฑ๋ถ๋ฅ ๋จ์์
์ด๋ฏธ์ง ์ถ์ฒ
1. display display ํ๋กํผํฐ๋ layout ์ ์์ ์์ฃผ ์ฌ์ฉ๋๋ ์ค์ํ ํ๋กํผํฐ์ด๋ค. 1.1 block ํญ์ ์๋ก์ด ๋ผ์ธ์์ ์์ํ๋ค. ํ๋ฉด ํฌ๊ธฐ ์ ์ฒด์ ๊ฐ๋กํญ์ ์ฐจ์งํ๋ค. (width: 100%) width, height, margin, padding
position ํ๋กํผํฐ๋ ์์์ ์์น๋ฅผ ์ ์ํ๋ค.static์ position ํ๋กํผํฐ์ ๊ธฐ๋ณธ๊ฐ์ผ๋ก position ํ๋กํผํฐ๋ฅผ ์ง์ ํ์ง ์์์ ๋์ ๊ฐ๋ค.๊ธฐ๋ณธ์ ์ธ ์์ ๋ฐฐ์น์ ์์๋ ์ -> ์๋ , ์ผ์ชฝ -> ์ค๋ฅธ์ชฝ ์์์ ๋ฐ๋ผ ๋ฐฐ์น๋๋ค.๋ถ๋ชจ์์ ๋ด์ ์์ ์์๋ก์
float ํ๋กํผํฐ๋ ๋ณธ๋ ์๋ ์์ ์ ๊ฐ์ด ์ด๋ฏธ์ง์ ํ ์คํธ๊ฐ ์์ ๋, ์ด๋ฏธ์ง ์ฃผ์๋ฅผ ํ ์คํธ๋ก ๊ฐ์ธ๊ธฐ ์ํด ๋ง๋ค์ด์ง ๊ฒ์ด๋ค.https://poiemaweb.com/css3-float